วิธีการสร้างป๊อปอัพแบบฟอร์มการติดต่อใน WordPress – ขั้นตอน

วิธีการสร้างป๊อปอัพแบบฟอร์มการติดต่อใน wordpress


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

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

สร้างป๊อปอัพฟอร์มผู้ติดต่อได้อย่างง่ายดายใน WordPress

ด้วย WordPress การสร้างป๊อปอัพแบบฟอร์มการติดต่อเป็นเรื่องง่าย ในการเริ่มต้นคุณต้องมี 2 สิ่ง:

  1. ปลั๊กอินป๊อปอัพที่มีประสิทธิภาพ
  2. ปลั๊กอินตัวสร้างฟอร์มที่มีประสิทธิภาพ

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

WPForms การลงทะเบียนผู้ใช้ปลั๊กอินปลั๊กอินการเข้าสู่ระบบของผู้ใช้

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

optinmonster-ป๊อปอัพ

หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับ OptinMonster อ่านรีวิว OptinMonster โดยละเอียดของเรา.

ขั้นตอนที่ 1: ติดตั้ง WPForms และ OptinMonster Plugins

เพิ่ม WordPress-ปลั๊กอิน

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

ทุกชุด? สมบูรณ์.

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

ขั้นตอนที่ 2: สร้างแบบฟอร์มการติดต่อโดยใช้ WPForms สำหรับป๊อปอัพ

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

หากคุณไม่มีแบบฟอร์มการติดต่อให้ไปที่แผงควบคุมแล้วคลิก WPForms »เพิ่มใหม่.

wpforms-แดชบอร์ด

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

เทมเพลต WPForms Lite

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

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

ตอนนี้กดปุ่ม ฝัง ถัดจากปุ่มบันทึกและคัดลอกรหัสย่อ.

ขั้นตอนที่ 3: สร้างป๊อปอัพ WordPress โดยใช้ OptinMonster

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

วิธีนี้จะเปิดหน้าจอใหม่ที่คุณสามารถเลือกประเภทแคมเปญตามด้วยเทมเพลตของ optin ของคุณ สำหรับประเภทแคมเปญเราจะเลือกตัวเลือกป๊อปอัป.

สำหรับเทมเพลตลองทำดู ผ้าใบ. นี่เป็นผืนผ้าใบว่างเปล่าที่รองรับรหัสย่อทุกรูปแบบ ดังนั้นคุณสามารถแทรก HTML, CSS, JavaScript และแม้แต่รหัสย่อของ WordPress ที่นี่.

เมื่อคุณเลือกเทมเพลตคุณจะถูกนำไปยังหน้าจอใหม่ที่คุณสามารถตั้งชื่อแคมเปญของคุณ.

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

เมื่อเสร็จแล้วให้คลิกที่ เพิ่มบล็อก ภายใต้แท็บออกแบบ เลื่อนลงเพื่อค้นหา องค์ประกอบของบล็อก ตัวเลือก. ภายใต้สิ่งนี้คุณจะเห็นบล็อก HTML ลากและวางบนพื้นที่การออกแบบ.

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

คุณมีคำถามใด ๆ?

ต้องการสอบถามเพิ่มเติมเกี่ยวกับบริการของเราหรือไม่เพียงแค่กรอกแบบฟอร์มแล้วเราจะติดต่อกลับโดยเร็วที่สุด.

นี่คือตัวอย่างของวิธีที่คุณสามารถทำได้.

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

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

ขั้นตอนที่ 4: การเผยแพร่ฟอร์มป๊อปอัพของคุณ

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

ในที่สุดก็ไปที่ ประกาศ แท็บและสลับสถานะเป็น มีชีวิต.

optinmonster ประตูต้อนรับ WP ยินดีต้อนรับประตูอาคารรายการ

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

ในที่สุดคลิกที่ บันทึกการตั้งค่า ตัวเลือกที่ท้ายหน้า.

ขั้นตอนที่ 5: การเพิ่มลิงค์ไปยังทริกเกอร์ป๊อปอัพฟอร์มการติดต่อ

ก่อนอื่นให้คัดทอนแคมเปญ OptinMonster คุณสามารถค้นหาได้ทันทีถัดจากชื่อแคมเปญของคุณ.

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

ติดต่อเรา

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map