ใน Brizy page builder เราสามารถที่จะสร้าง Form ได้ง่ายๆ ในไม่กี่ขั้นตอน ซึ่งในเวอร์ชั่นฟรีก็อาจจะเป็นฟอร์มแบบพื้นฐาน แต่เวอร์ชั่น Pro ที่ยังไม่ออกมา จะเพิ่มเติมคุณสมบัติอื่นๆ เข้าไปด้วย เช่น การเชื่อมต่อกับผู้ให้บริการเกี่ยวกับ Email marketing เช่น MailChimp หรือ AWeber เป็นต้น แต่วันนี้เราจะมาสร้างฟอร์มแบบง่ายกันก่อน

เริ่มต้นด้วยการลาก Form element จาก ​Elements มาวางใน Block

Brizy - การสร้าง Form 1

สามารถปรับแต่งแต่ละ Field ได้ด้วยการเลือกฟิลด์ที่ต้องการปรับแต่งแล้วคลิกที่ปุ่มฟอร์ม

สามารถเปลี่ยน Field แต่ละตัวเป็นแบบอื่นได้ ในเวอร์ชั่นฟรีนี้เลือกได้แค่ Text, Email, Number, Paragraph, Select

สำหรับตัวเลือกที่เป็น Select field หรือฟีลด์ที่เป็นแบบตัวเลือก เราสามารถแก้ไขหรือพิมพ์เพิ่มตัวเลือกในฟอร์ได้เลย 

การเพิ่มฟีลด์สามารถทำได้ด้วยการ Duplicate field เพื่อโคลนนิ่งฟีลด์ก่อนหน้า แล้วจึงทำการเปลี่ยนให้เป็นฟีลด์ที่เราต้องการ เราอาจจะโคลนนิ่ง Text แล้วเปลี่ยนให้เป็น Number เป็นต้น

Brizy - การสร้าง Form 2

ข้อความที่เป็น Placeholder ก็สามารถพิมพ์แก้ไขได้ตรงๆ เลย

Brizy - การสร้าง Form 3

หากฟีลด์ไหนจำเป็นต้องให้กรอก ก็ให้ติ๊ก Requried ด้วยค่ะ

Brizy - การสร้าง Form 4

ตั้งค่าการส่งฟอร์ม

การตั้งค่าการส่งฟอร์มสามารถทำได้ง่ายๆ ด้วยการคลิกที่ปุ่มส่งฟอร์ม จากนั้นคลิกที่ปุ่มขวาสุด

Brizy - การสร้าง Form 5

จากนั้นคลิกเลือก WordPress จาก APP เนื่องจากเวอร์ชั่นฟรีจะใช้ได้เฉพาะตัว Mail ของ WordPress เท่านั้น

Brizy - การสร้าง Form 6

จากนั้นกรอกอีเมลที่ต้องการรับเมลที่ส่งจากฟอร์มนี้ ในช่อง Email To และหัวเรื่องอีเมลในช่อง Subject Message แล้วคลิกปุ่ม Continue ก็เป็นอันเรียบร้อย

Brizy - การสร้าง Form 7

Message & Redirect

เราสามารถตั้งให้ฟอร์มแสดงข้อความหรือ Message หลังจากคลิกที่ปุ่มส่งฟอร์มหรือตั้งค่ารีไดเร็คไปยังหน้าที่เราต้องการก็ได้ ด้วยการคลิกที่ปุ่มลิงค์ของปุ่มส่งฟอร์มแล้วทำการใส่ข้อความหรือลิงค์ที่เราต้องการในตัวเลือก Message และ Redirect

Brizy - การสร้าง Form 8

จะเห็นว่าแม้เวอร์ชั่นฟรีจะไม่ได้มีความยืดหยุ่นมากเท่าปลั๊กอินสร้างฟอร์มโดยตรง เช่น Field ที่มากกว่านี้ หรือการกำหนดรูปแบบและเทมเพลตของอีเมล แต่ก็ถือว่าสามารถทำฟอร์มแบบง่ายๆ ได้ และยังสามารถทำรีไดเร็คหลังส่งฟอร์มได้อีกด้วย ปลั๊กอินฟอร์มบางตัวยังไม่มีเลย การแก้ไขปรับแต่งฟอร์มก็ทำได้ง่ายอีกด้วย สะดวกสำหรับการสร้าง Contact Form ในเว็บไซต์ทั่วไป