วิธีเพิ่มแบบฟอร์มในหน้าใน WordPress [ไม่ต้องการการเข้ารหัส]

สงสัยว่าจะเพิ่มแบบฟอร์มไปยังหน้าใน WordPress ได้อย่างไร?

แบบฟอร์มการติดต่อเป็นวิธีที่มีประโยชน์มากสำหรับผู้มีโอกาสเป็นลูกค้าในการติดต่อ แต่ธีม WordPress ส่วนใหญ่ไม่ได้มาพร้อมกับฟีเจอร์แบบฟอร์มในตัว ซึ่งหมายความว่าคุณจะต้องติดตั้งปลั๊กอินแบบฟอร์มของบุคคลที่สาม

แต่นั่นไม่ใช่ปัญหาเลย

ในบทความนี้ เราจะแสดงวิธีการเพิ่มแบบฟอร์มในหน้าใน WordPress ด้วยวิธีง่ายๆ

พร้อม? กระโดดเข้าไปเลย!

ปลั๊กอินฟอร์ม WordPress ที่ดีที่สุดคืออะไร?

ด้วยการติดตั้งมากกว่า 5 ล้านครั้งและบทวิจารณ์ระดับ 5 ดาวที่รวบรวมจากผู้ใช้มากกว่า 11,000 ราย เราต้องบอกว่า WPForms เป็นปลั๊กอินฟอร์ม WordPress ที่ดีที่สุด

ปลั๊กอิน WordPress ยอดนิยมอื่น ๆ ได้แก่ Formidable Forms, TypeForm, Ninja form, Contact Form 7 และอื่นๆ

แม้ว่าโดยทั่วไปแล้วปลั๊กอินเหล่านี้จะมีประโยชน์เช่นกัน แต่ WPForms ก็โดดเด่นในด้านความง่ายในการใช้งาน ความยืดหยุ่น ความพร้อมใช้งานของเทมเพลตฟรี คุณลักษณะพิเศษมากมาย และอื่นๆ

สำหรับการเปรียบเทียบแบบเต็ม ดูคำแนะนำของเราเกี่ยวกับปลั๊กอินแบบฟอร์มติดต่อ 7 อันดับแรกสำหรับเว็บไซต์ WordPress

วิธีเพิ่มแบบฟอร์มไปยังหน้าใน WordPress

เนื่องจากเราแนะนำให้ใช้ WPForms นี่คือปลั๊กอิน WordPress Form ที่เราจะเน้นในคู่มือนี้ WPForms ใช้งานง่ายอย่างที่คุณเห็น

ใน 5 ขั้นตอนต่อไปนี้ คุณจะได้เรียนรู้วิธีสร้างแบบฟอร์มการติดต่อใน WordPress โดยใช้ WPForms

1. ติดตั้งปลั๊กอิน WPForms

ก่อนอื่น คุณจะต้องติดตั้งปลั๊กอิน WPForms คุณอาจเลือกใช้ WPForms Lite ปลั๊กอิน WPForms ฟรี หรือสมัครสมาชิก WPForms แบบพรีเมียม

หากคุณไม่แน่ใจว่าควรใช้อะไร ให้ตรวจสอบการเปรียบเทียบ WPForms Lite กับ WPForms Pro

เราขอแนะนำให้ใช้ใบอนุญาตแบบชำระเงิน WPForms Pro และนั่นคือสิ่งที่เราจะใช้ในบทความนี้

WPForms Pro นำเสนอคุณลักษณะต่างๆ เช่น แบบฟอร์มการสมัครอีเมล แบบฟอร์มการติดต่อหลายหน้า การผสานการชำระเงิน เทมเพลตฟอร์มที่สร้างไว้ล่วงหน้าหลายร้อยรายการ ตรรกะตามเงื่อนไข การแก้ไขแบบฟอร์ม ตำแหน่งของแบบฟอร์ม และอื่นๆ อีกมากมาย

หากการตลาดและการเพิ่มประสิทธิภาพลูกค้าเป้าหมายมีความสำคัญกับคุณ WPForms ควรเป็นส่วนสำคัญของการจัดการเว็บไซต์ของคุณ

ในการเริ่มต้น คุณจะต้องซื้อแผน WPForms Pro จากนั้นคุณสามารถดาวน์โหลดปลั๊กอินได้จากส่วน บัญชี ของเว็บไซต์ WPForms

หากคุณไม่แน่ใจว่าจะติดตั้งปลั๊กอินอย่างไร คำแนะนำทีละขั้นตอนในการติดตั้งปลั๊กอิน WordPress นี้จะช่วยคุณได้

2. สร้างแบบฟอร์ม

เมื่อคุณติดตั้ง WPForms แล้ว คุณก็พร้อมที่จะสร้างแบบฟอร์มของคุณแล้ว ในแดชบอร์ด WordPress ของคุณ ให้เลื่อนลงและคลิกที่ WPForms » เพิ่มใหม่

การดำเนินการนี้จะเปิดหน้าจอตัวสร้างแบบฟอร์ม โดยขอให้คุณตั้งชื่อแบบฟอร์มและเลือกเทมเพลต

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

ในการดำเนินการนี้ ให้เลื่อนลงไปที่ Simple Contact Form แล้วคลิก Use Template

ซึ่งจะเป็นการเปิดตัวสร้างแบบฟอร์มพร้อมแผงตัวเลือกทางด้านซ้าย

เทมเพลตจะถูกสร้างขึ้นอย่างสมบูรณ์แล้ว คุณจึงไม่ต้องดำเนินการใดๆ เพิ่มเติม คลิก บันทึก และแบบฟอร์มของคุณจะพร้อมใช้งาน

หากคุณต้องการสร้างแบบฟอร์มตั้งแต่เริ่มต้น ให้ทำดังนี้:

จากไลบรารีเทมเพลต ให้คลิกที่ Blank Form

ซึ่งจะนำคุณไปยังตัวสร้างแบบฟอร์มซึ่งคุณสามารถลากและวางฟิลด์แบบฟอร์มจากแผงด้านซ้าย คุณสามารถย้ายฟิลด์เหล่านี้ไปรอบๆ เพื่อจัดเรียงตามลำดับที่กำหนดเองได้

หากคุณชอบ เพียงคลิกที่ บันทึก หรือฝังลงในเพจ เราจะแสดงให้คุณเห็นว่าในขั้นตอนต่อไป

3. เพิ่มแบบฟอร์มของคุณไปที่เพจ

เมื่อคุณสร้างแบบฟอร์มแล้ว คุณสามารถเพิ่มลงในหน้า WordPress โดยใช้เครื่องมือฝังที่ใช้งานง่ายสุด ๆ ของ WPForm

ก่อนเพิ่ม เราแนะนำให้ดูตัวอย่างแบบฟอร์มเพื่อดูว่าจะมีลักษณะอย่างไรที่ส่วนหน้าเมื่อเผยแพร่แล้ว เพียงคลิกที่ปุ่ม ดูตัวอย่าง เพื่อดู

เมื่อคุณพอใจกับแบบฟอร์มแล้ว คุณสามารถเผยแพร่ต่อได้ คลิกปุ่ม ฝัง ที่ด้านบนเพื่อเริ่มกระบวนการ

โมดอลจะปรากฏขึ้นพร้อมตัวเลือกการฝังเพื่อให้คุณเลือก คุณสามารถเพิ่มแบบฟอร์มของคุณในหน้า WordPress ใหม่หรือเพิ่มลงในแบบฟอร์มที่มีอยู่ในเว็บไซต์ของคุณ

สำหรับบทช่วยสอนนี้ เราจะถือว่าคุณต้องการฝังแบบฟอร์มของคุณในหน้าใหม่ เมื่อคุณคลิก สร้างเพจใหม่ คุณจะได้รับแจ้งให้ตั้งชื่อเพจใหม่ของคุณ ป้อนหนึ่งรายการแล้วเลือก ไปกันเลย

ตอนนี้คุณจะถูกเปลี่ยนเส้นทางไปยังตัวแก้ไขบล็อก WordPress ของคุณด้วยแบบฟอร์มที่รวมอยู่ในนั้นแล้ว เช่นเดียวกับหน้า WordPress ใดๆ คุณสามารถแก้ไขส่วนใดก็ได้ของหน้านี้ แสดงตัวอย่าง และเมื่อพร้อมแล้ว ให้เผยแพร่

เพียงกดปุ่ม เผยแพร่ ที่ด้านบนขวาเพื่อเพิ่มแบบฟอร์มไปยังหน้า WordPress ใหม่ของคุณ

นี่คือลักษณะของแบบฟอร์มที่ส่วนหน้าของไซต์ของคุณ

ยอดเยี่ยม! เมื่อคุณได้ฝังแบบฟอร์มของคุณแล้ว ขอแนะนำให้ทดสอบเป็นครั้งสุดท้ายเพื่อให้แน่ใจว่าทำงานตามที่ตั้งใจไว้

4. ทดสอบแบบฟอร์มการติดต่อของคุณ

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

สิ่งแรกที่ต้องทำคือไปที่ส่วนหน้าของเว็บไซต์ของคุณและไปที่หน้าที่คุณฝังแบบฟอร์มไว้ สำหรับการตรวจสอบอย่างรวดเร็ว ให้ทำตามรายการตรวจสอบง่ายๆ นี้:

• ทุกช่องเป็นระเบียบไหม?
• ฟิลด์บังคับทำงานหรือไม่?
• CAPTCHA โหลดอย่างถูกต้องหรือไม่
• ตรรกะตามเงื่อนไขทำงานอย่างถูกต้องหรือไม่
• การส่งแบบฟอร์มได้รับในแบ็กเอนด์อย่างถูกต้องหรือไม่

สำหรับคำแนะนำโดยละเอียดเพิ่มเติมเกี่ยวกับการตรวจสอบแบบฟอร์ม โปรดดูรายการตรวจสอบการทดสอบแบบฟอร์มโดยละเอียด

5. ปรับปรุงแบบฟอร์มของคุณด้วยคุณสมบัติ WPForms Pro (ไม่บังคับ)

ณ จุดนี้ คุณรู้ทุกสิ่งที่คุณต้องการเพื่อสร้างแบบฟอร์มที่เรียบง่ายและมีประสิทธิภาพ แต่คุณอาจจะคิดมากกว่านี้ ตัวอย่างเช่น คุณอาจต้องการรวมฟิลด์ CAPTCHA เข้ากับฟอร์มของคุณเพื่อป้องกันรายการสแปม

หรือคุณอาจต้องการใช้ตรรกะตามเงื่อนไขเพื่อสร้างตัวเลือกเพิ่มเติมสำหรับผู้ใช้แบบฟอร์มของคุณที่ตรงตามเกณฑ์เฉพาะ WPForms มีคุณสมบัติที่มีประโยชน์มากมายที่จะช่วยเติมพลังให้กับฟอร์ม WordPress ของคุณ

หากคุณกำลังใช้แผนชำระเงิน WPForms คุณลักษณะเหล่านี้บางส่วนจะเปิดใช้งานโดยค่าเริ่มต้น และคุณลักษณะอื่นๆ จะรวมเข้ากับส่วนเสริมของ WPForms ได้อย่างง่ายดาย

นี่คือคุณสมบัติยอดนิยม 5 ประการของเรา:

ส่วนเสริม Captcha แบบกำหนดเอง

สแปมเป็นปัญหาทั่วไปของแบบฟอร์ม WordPress WPForms Captcha Addon เป็นเครื่องมือที่ทรงพลังที่จะช่วยให้คุณหลีกเลี่ยงสิ่งนี้ได้ เพื่อช่วยให้คุณใช้งาน addon ได้อย่างมีประสิทธิภาพ โปรดอ่านคู่มือนี้เพื่อหยุดสแปมแบบฟอร์มติดต่อใน WordPress

ลอจิกแบบมีเงื่อนไข

ตรรกะแบบมีเงื่อนไขช่วยให้คุณสร้างตัวเลือกเพิ่มเติมตามเกณฑ์บางอย่างได้

การรวมการชำระเงิน

การรวมการชำระเงินช่วยให้คุณสามารถเรียกเก็บเงินโดยใช้แบบฟอร์มของคุณ WPForms รองรับเกตเวย์การชำระเงินหลักๆ เช่น PayPal, Square, Stripe และ Authorize.net

แบบฟอร์มที่ตั้ง

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

บันทึกและดำเนินการต่อส่วนเสริม

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

มีส่วนเสริม WPForms ที่เป็นประโยชน์อื่น ๆ มากมายที่คุณจะพบว่ามีประโยชน์จริงๆ ลองดูและเลือกสิ่งที่เหมาะกับความต้องการของคุณที่สุด

ในบทความนี้ เราได้กล่าวถึงปลั๊กอินของฟอร์ม WordPress ที่จะใช้ วิธีเริ่มต้น และคุณสมบัติที่มีประโยชน์บางอย่างในการเติมพลังให้กับแบบฟอร์มของคุณ

นั่นคือทั้งหมดที่คุณต้องเรียนรู้วิธีเพิ่มแบบฟอร์มไปยังหน้าใน WordPress!

ถัดไป กำหนดการตั้งค่า SMTP อย่างถูกวิธี

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

พร้อมที่จะเริ่มต้นหรือยัง ใช้ประโยชน์จากการรับประกันคืนเงิน 100% และเริ่มต้นใช้งานปลั๊กอินส่งเมล SMTP และ PHP ที่ได้รับความนิยมมากที่สุดในโลกได้แล้ววันนี้

และหากคุณชอบบทความนี้ โปรดติดตามเราบน Facebook และ Twitter เพื่อรับบทเรียน WordPress ฟรีเพิ่มเติม