วิธีสร้างแบบฟอร์มการติดต่อใน WordPress (พร้อมปลั๊กอินที่ดีที่สุด)

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

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

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

วิธีที่ง่ายที่สุดในการสร้างแบบฟอร์มการติดต่อใน WordPress

หากคุณต้องการเพิ่มแบบฟอร์มการติดต่อใน WordPress คุณจะต้องมีปลั๊กอิน WordPress แบบฟอร์มการติดต่อ

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

ต่อไปนี้คือวิธีสร้างแบบฟอร์มติดต่อใน WordPress ในไม่กี่ขั้นตอน...

1. ติดตั้งและเปิดใช้งานปลั๊กอิน WordPress แบบฟอร์มติดต่อ HappyForms

ปลั๊กอิน HappyForms นั้นฟรีและมีให้ที่ WordPress.org ซึ่งหมายความว่าคุณสามารถติดตั้งได้โดยไปที่ Plugins → Add New และค้นหา “HappyForms”:

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

เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอิน HappyForms แล้ว ให้ไปที่ HappyForms → เพิ่มใหม่ ในแดชบอร์ด WordPress ของคุณ:

การดำเนินการนี้จะเปิดตัวอินเทอร์เฟซใหม่ที่มีลักษณะคล้ายกับ WordPress Customizer ( อินเทอร์เฟซที่คุณปรับแต่งธีมของคุณในการแสดงตัวอย่างแบบเรียลไทม์ )

เช่นเดียวกับเครื่องมือปรับแต่ง WordPress คุณจะสามารถดูตัวอย่างแบบสดของแบบฟอร์มการติดต่อของคุณเมื่อคุณสร้างมันขึ้นมา

ก่อนอื่น ให้ตั้งชื่อแบบฟอร์มของคุณเพื่อช่วยให้คุณจดจำ:

3. เพิ่มฟิลด์แบบฟอร์ม

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

• ข้อความสั้น - สำหรับชื่อบุคคล
• อีเมล – สำหรับที่อยู่อีเมลของบุคคล
• ข้อความยาว – สำหรับข้อความของบุคคล

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

เมื่อคุณเพิ่มฟิลด์ในแบบฟอร์มทั้งหมดแล้ว คุณควรเห็นตัวอย่างแบบเต็มของแบบฟอร์มติดต่อของคุณ:

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

เมื่อคุณเพิ่มฟิลด์ในแบบฟอร์มเสร็จแล้ว ให้คลิกปุ่ม ตั้งค่า เพื่อดำเนินการต่อ

4. กำหนดค่าว่าจะเกิดอะไรขึ้นหลังจากผู้เยี่ยมชมส่งแบบฟอร์ม

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

ที่ด้านบน คุณสามารถตั้งค่า ข้อความยืนยัน ซึ่งเป็นข้อความที่แสดงต่อผู้ส่งแบบฟอร์ม บนเว็บไซต์ของคุณ หลังจากที่ส่งแบบฟอร์ม (1)

ด้านล่างที่คุณสามารถเลือกได้ว่าคุณต้องการที่จะได้รับการแจ้งเตือนทางอีเมลเมื่อมีการส่งแบบฟอร์มใหม่และที่อยู่อีเมลที่คุณต้องการที่จะได้รับการส่ง (2) HappyForms จะจัดเก็บการส่งแบบฟอร์มในแดชบอร์ด WordPress ของคุณ – เพิ่มเติมเกี่ยวกับเรื่องนี้ในภายหลัง :

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

สุดท้าย ด้านล่างของการตั้งค่าช่วยให้คุณกำหนดการตั้งค่าเบ็ดเตล็ดต่างๆ ได้ รวมถึงจะ:

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

หากมีข้อสงสัย คุณควรปล่อยให้การตั้งค่าเหล่านี้เป็นค่าเริ่มต้น:

เมื่อคุณได้เลือกแล้ว ให้คลิกปุ่ม รูปแบบ เพื่อไปยังชุดตัวเลือกถัดไป

5. กำหนดค่าสไตล์ของแบบฟอร์มการติดต่อของคุณ

ขั้นตอนการกำหนดค่าสุดท้าย! ตอนนี้คุณสามารถใช้พื้นที่ต่างๆ เพื่อกำหนดค่ารูปลักษณ์และรูปแบบของแบบฟอร์มการติดต่อของคุณ:

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

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

เมื่อคุณใช้ตัวเลือกสไตล์เสร็จแล้ว ให้คลิกปุ่ม บันทึกและปิด เพื่อเสร็จสิ้น

6. เพิ่มแบบฟอร์มการติดต่อของคุณในหน้าที่คุณต้องการให้ปรากฏ

ในการฝังแบบฟอร์มของคุณจริงๆ คุณสามารถเพิ่มเป็น:

• บล็อกในตัวแก้ไขบล็อกใหม่
• รหัสย่อในตัวแก้ไขแบบคลาสสิกหรือตัวแก้ไขบล็อก
• วิดเจ็ตในพื้นที่วิดเจ็ตใด ๆ

ตัวอย่างเช่น หากคุณกำลังใช้ตัวแก้ไขบล็อก WordPress ใหม่ คุณจะต้องสร้างหน้าใหม่ที่มีชื่อว่า "ติดต่อเรา" และแทรกบล็อก HappyForms

จากที่นั่น คุณสามารถเลือกแบบฟอร์มที่คุณต้องการแทรก:

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

และนั่นแหล่ะ! ผู้เข้าชมจะสามารถเริ่มส่งข้อความถึงคุณผ่านแบบฟอร์มติดต่อของคุณ

วิธีดูการส่งแบบฟอร์ม

คุณสามารถดูการส่งแบบฟอร์มได้สองวิธี

อันดับแรก หากคุณตั้งค่าการแจ้งเตือนทางอีเมลในการตั้งค่าของแบบฟอร์ม คุณจะได้รับอีเมลทุกครั้งที่มีคนส่งแบบฟอร์ม

ประการที่สอง คุณสามารถดูการส่งจากภายในแดชบอร์ด WordPress ของคุณโดยไปที่ HappyForms → ตอบกลับ :

หากคุณคลิกที่การตอบกลับ คุณจะสามารถดูข้อความแบบเต็มได้:

และนั่นคือทั้งหมดที่มี!

ปลั๊กอิน WordPress แบบฟอร์มการติดต่อที่ดีที่สุดอีกสี่และทำไมคุณอาจต้องการหนึ่งในเหล่านี้

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

เพื่อจบโพสต์นี้ มาดูปลั๊กอินแบบฟอร์มติดต่อ WordPress ที่ดีที่สุดกัน และสิ่งที่อาจทำให้เป็นตัวเลือกที่ดีกว่าปลั๊กอิน HappyForms ที่ฉันใช้ในบทช่วยสอนด้านบนนี้

1. WPForms

WPForms เป็นหนึ่งในปลั๊กอิน WordPress แบบฟอร์มการติดต่อที่ได้รับความนิยมมากที่สุดที่ WordPress.org

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

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

• ยอมรับการชำระเงิน
• ลงทะเบียนบุคคลตามที่อยู่อีเมลของคุณ
• เชื่อมต่อกับ Zapier
• เป็นต้น

ดังนั้น หากคุณต้องการฟังก์ชันขั้นสูง นั่นอาจเป็นอีกเหตุผลหนึ่งในการเลือก WPForms

รุ่นพรีเมียมเริ่มต้นที่ 39.50 ดอลลาร์และช่วงสูงสุด 299.50 ดอลลาร์ ขึ้นอยู่กับคุณสมบัติที่คุณต้องการและจำนวนไซต์ที่คุณต้องการใช้ปลั๊กอิน

2. การตลาดแบบครบวงจรของ HubSpot

ตามชื่อของมัน HubSpot All-In-One Marketing เป็นเครื่องมือแบบ all-in-one ที่ครอบคลุมทุกอย่างตั้งแต่ป๊อปอัปไปจนถึงแชทสดและ – คุณเดาได้ – แบบฟอร์มการติดต่อ

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

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

3. ฟอร์มนินจา

Ninja Forms เป็นอีกหนึ่งข้อเสนอ freemium ที่มีข้อดีมากมายเช่นเดียวกับ WPForms

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

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

• การรับชำระเงิน
• การลงชื่อสมัครรับจดหมายข่าวของคุณ
• การใส่ผู้ส่งแบบฟอร์มลงใน CRM . ของคุณ
• เป็นต้น

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

4. แบบฟอร์มสมรภูมิ

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

แม้แต่ในเวอร์ชันฟรี คุณสามารถสร้างแบบฟอร์มที่ซับซ้อนที่มี:

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

นอกจากนี้ยังมีตัวสร้างแบบลากแล้ววาง แม้ว่าอินเทอร์เฟซจะไม่เป็นมิตรกับผู้เริ่มต้นใช้งานเหมือนกับ WPForms หรือ Ninja Forms

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

นอกเหนือจากส่วนเสริมเหล่านั้นแล้ว ยังมีบริการสมัครสมาชิกระดับพรีเมียมโดยเน้นที่:

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

5. แบบฟอร์มแรงโน้มถ่วง

ในที่สุดก็มี Gravity Forms ซึ่งเป็นปลั๊กอิน WordPress แบบฟอร์มการติดต่อยอดนิยมโดยเฉพาะสำหรับนักพัฒนา

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

ดังนั้นหากคุณต้องการบางสิ่งที่คุณสามารถเจาะลึกและปรับแต่งตามความต้องการของคุณ Gravity Forms และส่วนขยายต่างๆ อาจเป็นปลั๊กอินที่เหมาะสำหรับคุณ

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

ราคาเริ่มต้นที่ $59 และช่วงสูงถึง $ 259

ความคิดสุดท้ายเกี่ยวกับแบบฟอร์มการติดต่อ WordPress

ด้วยปลั๊กอิน WordPress แบบฟอร์มการติดต่อที่ถูกต้อง คุณสามารถสร้างและปรับแต่งแบบฟอร์มการติดต่อที่ตรงกับความต้องการของคุณได้อย่างลงตัว

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

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