วิธีสร้างแบบฟอร์มการติดต่อใน WordPress (วิธีที่ง่าย)
เผยแพร่แล้ว: 2021-12-23กำลังมองหาวิธีที่รวดเร็วและง่ายดายในการสร้างแบบฟอร์มการติดต่อใน WordPress หรือไม่?
WordPress มีปลั๊กอินและธีมมากมายที่คุณสามารถใช้ได้ ความท้าทายที่ยิ่งใหญ่ที่สุดในการสร้างแบบฟอร์มการติดต่อใน WordPress คือความเข้ากันได้อย่างแท้จริง คุณจะสร้างแบบฟอร์มการติดต่อที่ไม่แตกเนื่องจากปลั๊กอินขัดแย้งหรือการตั้งค่าเริ่มต้นของธีมของคุณอย่างไร
อะไรคือจุดสำคัญของการใช้ WordPress หากคุณต้องสร้างไซต์และโค้ดแบบฟอร์มการติดต่อใน HTML และ CSS? ยิ่งไปกว่านั้น คุณจะต้องเขียนโค้ดวิธีเชื่อมต่อแบบฟอร์มกับผู้ให้บริการอีเมลด้วยตนเอง
จากนั้น คุณจะต้องแก้ไขปัญหาการส่งอีเมล
ไม่ต้องกังวล. มีวิธีที่ง่ายกว่ามากที่ใช้งานได้กับธีมใดๆ และไม่ต้องเขียนโค้ดใดๆ เลย
ในบทความนี้ เราจะให้ปลั๊กอินแบบฟอร์มติดต่อ WordPress แก่คุณ ซึ่งจะแก้ไขปัญหาเหล่านี้ได้ทันที เราจะแสดงให้คุณเห็นถึงวิธีการสร้างแบบฟอร์มการติดต่อครั้งแรกโดยใช้ปลั๊กอินนั้น และจะใช้เวลาน้อยกว่า 10 นาทีในการสร้างแบบฟอร์ม
มาดำดิ่งกัน
ทำไมคุณควรสร้างแบบฟอร์มการติดต่อบนเว็บไซต์ WordPress ของคุณ
ก่อนที่เราจะเริ่มต้นสร้างแบบฟอร์มการติดต่อ มาคุยกันว่าทำไมคุณถึงต้องการแบบฟอร์มติดต่อบนไซต์ WordPress ของคุณตั้งแต่แรก มีปุ่มที่เปิด Outlook และอนุญาตให้ผู้เยี่ยมชมเว็บส่งอีเมลถึงคุณโดยตรงหรือไม่?
คำตอบสั้น ๆ : ไม่!
แต่นี่เป็นคำถามที่สมเหตุสมผลอย่างยิ่งที่จะถาม คุณอาจคิดว่าใช้เวลานานเกินไปในการเขียนโค้ดแบบฟอร์มติดต่อ จากนั้นจึงใส่โค้ดด้วยตนเองในหน้าการสร้างรายได้ทั้งหมดของคุณ
และคุณพูดถูก ใช้เวลานานในการสร้างแบบฟอร์มการติดต่อด้วยตนเองโดยใช้รหัส แต่เราจะไม่ใช้รหัสใด ๆ ในบทความนี้
นอกจากนี้ แบบฟอร์มการติดต่อยังดีกว่าการแสดงอีเมลของคุณในที่สาธารณะ แบบฟอร์มการติดต่อที่ออกแบบมาอย่างดี:
- ปกป้องกล่องจดหมายของคุณจากสแปม: บอทสแปมจะขูดแท็ก "mailto" บนไซต์ของคุณเพื่อรวบรวมที่อยู่อีเมลไปยังสแปมโดยอัตโนมัติ การมีแบบฟอร์มการติดต่อที่มีการป้องกัน Captcha สามารถป้องกันได้
- รวบรวมข้อมูลในรูปแบบที่สอดคล้องกันและอ่านได้: เมื่อคุณปล่อยให้ผู้มีแนวโน้มเป็นลูกค้าส่งอีเมลถึงคุณ พวกเขามักจะละทิ้งข้อมูลสำคัญที่คุณอาจต้องการ จึงไม่มีความสอดคล้องกันในข้อมูลที่คุณรวบรวม แต่คุณสามารถออกแบบแบบฟอร์มการติดต่อของคุณเพื่อรวบรวมข้อมูลสำคัญทั้งหมดที่คุณต้องการ แล้วส่งอีเมลตอบกลับถึงคุณในรูปแบบที่มีโครงสร้างและอ่านง่าย
- ทำให้กระบวนการออนบอร์ดเป็นไปโดยอัตโนมัติ: คุณสามารถสร้างแบบฟอร์มการติดต่อที่เปลี่ยนเส้นทางไปยังหน้าอื่นเมื่อมีคนส่งแบบฟอร์ม นี่เป็นวิธีที่ยอดเยี่ยมในการแจ้งลีดและผู้มีแนวโน้มจะเป็นลูกค้าของคุณเกี่ยวกับขั้นตอนต่อไปในเส้นทางการเริ่มต้นใช้งาน
ต่อไปนี้คือภาพรวมคร่าวๆ ของแบบฟอร์มที่เราจะสร้างในบทความนี้:

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

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

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

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

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

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


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

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

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

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

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

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

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

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

และรวมเข้ากับ WPForms ได้อย่างราบรื่น
ห่อ
นั่นคือทั้งหมดสำหรับสิ่งนี้ คน!
ถึงตอนนี้ คุณได้สร้างแบบฟอร์มการติดต่อ WordPress แรกของคุณและตั้งค่าการวิเคราะห์การแปลงสำหรับแบบฟอร์ม
ตอนนี้ สิ่งที่เหลืออยู่คือการสร้างการเข้าชมไซต์ของคุณ เพื่อให้แบบฟอร์มการติดต่อของคุณสามารถทำงานได้ วิธีง่ายๆ ในการทำเช่นนั้นคือการเริ่มใช้การแจ้งเตือนแบบพุช การส่งการแจ้งเตือนแบบพุชเป็นวิธีที่ยอดเยี่ยมในการสร้างการเข้าชมซ้ำสำหรับไซต์ของคุณ หากนั่นคือสิ่งที่คุณสนใจ คุณควรตรวจสอบบทความเหล่านี้ด้วย:
- ค่าการแจ้งเตือนแบบพุช: ฟรีจริงหรือ (วิเคราะห์ราคา)
- วิธีเพิ่มการเข้าชมบล็อก WordPress ของคุณ (9 วิธีง่ายๆ)
- วิธีเพิ่มอัตราการเลือกรับการแจ้งเตือนทางเว็บของคุณ (7 วิธี)
เราขอแนะนำให้ใช้ PushEngage เพื่อส่งการแจ้งเตือนแบบพุชของคุณ PushEngage เป็นซอฟต์แวร์แจ้งเตือนแบบพุชอันดับ 1 ของโลก ดังนั้น หากคุณยังไม่ได้เริ่มใช้งาน PushEngage วันนี้