Brizy – การสร้าง Form

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

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

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

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

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

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

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

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

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

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

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

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

Message & Redirect

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

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