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

เผยแพร่แล้ว: 2021-12-23

กำลังมองหาวิธีที่รวดเร็วและง่ายดายในการสร้างแบบฟอร์มการติดต่อใน WordPress หรือไม่?

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

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

จากนั้น คุณจะต้องแก้ไขปัญหาการส่งอีเมล

ไม่ต้องกังวล. มีวิธีที่ง่ายกว่ามากที่ใช้งานได้กับธีมใดๆ และไม่ต้องเขียนโค้ดใดๆ เลย

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

มาดำดิ่งกัน

ทำไมคุณควรสร้างแบบฟอร์มการติดต่อบนเว็บไซต์ WordPress ของคุณ

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

คำตอบสั้น ๆ : ไม่!

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

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

นอกจากนี้ แบบฟอร์มการติดต่อยังดีกว่าการแสดงอีเมลของคุณในที่สาธารณะ แบบฟอร์มการติดต่อที่ออกแบบมาอย่างดี:

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

ต่อไปนี้คือภาพรวมคร่าวๆ ของแบบฟอร์มที่เราจะสร้างในบทความนี้:

ตัวอย่างแบบฟอร์มการติดต่อ

เราจะทำทุกอย่างโดยใช้ปลั๊กอินฟอร์ม WordPress ที่ดีที่สุดในโลก

มาเริ่มกันเลย.

วิธีเพิ่มแบบฟอร์มการติดต่อใน WordPress

สิ่งแรกที่คุณต้องทำคือเลือกปลั๊กอินแบบฟอร์มการติดต่อของ WordPress

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

เราขอแนะนำให้ใช้ WPForms เพื่อสร้างแบบฟอร์มการติดต่อบนไซต์ WordPress ของคุณ

WPForms

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

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

ขั้นตอนที่ 1: ติดตั้ง WPForms บนเว็บไซต์ของคุณ

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

ดาวน์โหลด WPForms

ถัดไป ติดตั้งและเปิดใช้งานปลั๊กอินบนไซต์ของคุณ และคัดลอกรหัสใบอนุญาตของคุณในแท็บเดียวกัน

หมายเหตุ: หากคุณต้องการคำแนะนำทีละขั้นตอนเพิ่มเติม คุณควรอ่านบทความเกี่ยวกับวิธีการติดตั้งปลั๊กอิน WordPress

สุดท้ายไปที่แดชบอร์ด WordPress ของคุณแล้วตรงไปที่ WPForms » Settings และวางรหัสใบอนุญาตของคุณ:

เปิดใช้งานใบอนุญาต WPForms

เมื่อเสร็จแล้ว คลิก เชื่อมต่อ และคุณทำเสร็จแล้ว!

ขั้นตอนที่ 2: สร้างแบบฟอร์มการติดต่อใน WordPress

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

เพิ่มแบบฟอร์มใหม่ด้วย WPForms

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

เมื่อต้องการสร้างฟอร์มใหม่ ให้ตั้งชื่อและเลือกแม่แบบฟอร์มของคุณ:

ชื่อแบบฟอร์มและแม่แบบ

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

เพิ่มช่องแบบฟอร์มจากแถบด้านข้าง

เมื่อเสร็จแล้ว ให้กด บันทึก

ขั้นตอนที่ 3: กำหนดค่าการแจ้งเตือนและการยืนยัน

ถัดไป คุณจะต้องตั้งค่าการแจ้งเตือนและการยืนยัน

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

ตรงไปที่ การตั้งค่า»การยืนยัน เพื่อกำหนดการตั้งค่าการยืนยัน:

การยืนยันแบบฟอร์ม

จากนั้นในเมนูเดียวกัน ให้ไปที่การ แจ้งเตือน เพื่อกำหนดค่าข้อความแจ้งเตือนของคุณ:

การแจ้งเตือนแบบฟอร์ม

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

ขั้นตอนที่ 4: เพิ่มแบบฟอร์มติดต่อ WordPress ของคุณ

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

วิธีที่ 1: เพิ่มแบบฟอร์มโดยใช้ตัวแก้ไขบล็อก

ตรงไปที่หน้าใดก็ได้ที่คุณต้องการเพิ่มแบบฟอร์มการติดต่อของคุณและเพิ่มบล็อก WPForms ใหม่:

เพิ่มแบบฟอร์มการติดต่อโดยใช้ WPForms block

จากนั้นเลือกแบบฟอร์มที่สร้างขึ้นใหม่โดยใช้เมนูแบบเลื่อนลง:

WPForm block เลือก form

และคุณควรเห็นแบบฟอร์มการติดต่อของคุณถูกแทรกลงในเพจของคุณโดยอัตโนมัติ

เพียงกด บันทึก และ เผยแพร่ เพื่อดูฟอร์ม WordPress ของคุณทำงาน

วิธีที่ #2: เพิ่มแบบฟอร์มการติดต่อของคุณโดยใช้รหัสย่อ WPForms

WPForms ยังสร้างรหัสย่อสำหรับแบบฟอร์มการติดต่อ WordPress แต่ละแบบ คุณสามารถคัดลอกรหัสย่อของแบบฟอร์มติดต่อได้โดยไป ที่ WPForms » แบบฟอร์มทั้งหมด :

รหัสย่อ WPForms

จากนั้นวางรหัสย่อในโพสต์หรือหน้าที่คุณต้องการ มันง่ายมาก

หากคุณเพิ่งเริ่มใช้รหัสย่อ คุณควรอ่านบทความนี้เกี่ยวกับวิธีเพิ่มรหัสย่อในไซต์ WordPress

วิธี #3: เพิ่มแบบฟอร์มการติดต่อของคุณในแถบด้านข้าง

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

เพิ่มแบบฟอร์มการติดต่อในแถบด้านข้าง

และคุณทำเสร็จแล้ว!

วิธีติดตามการแปลงแบบฟอร์ม WordPress ของคุณ

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

MonsterInsights

MonsterInsights เป็นปลั๊กอินอันดับ 1 ของ Google Analytics และเรารักซอฟต์แวร์นี้

ปลั๊กอินนี้ติดตั้งง่ายสุด ๆ และคุณสามารถติดตามการวิเคราะห์การแปลงแบบฟอร์มของคุณโดยใช้รายงาน MonsterInsights:

รายงานแบบฟอร์ม MonsterInsights

และรวมเข้ากับ WPForms ได้อย่างราบรื่น

ห่อ

นั่นคือทั้งหมดสำหรับสิ่งนี้ คน!

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

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

  • ค่าการแจ้งเตือนแบบพุช: ฟรีจริงหรือ (วิเคราะห์ราคา)
  • วิธีเพิ่มการเข้าชมบล็อก WordPress ของคุณ (9 วิธีง่ายๆ)
  • วิธีเพิ่มอัตราการเลือกรับการแจ้งเตือนทางเว็บของคุณ (7 วิธี)

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