วิธีเพิ่ม Modal Popup ใน WordPress

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

วิธีเพิ่ม Modal Popup ใน WordPress ใน 3 ขั้นตอนง่ายๆ ป๊อปอัปสามารถทำให้เว็บไซต์ของคุณใช้งานง่ายขึ้น และสนับสนุนให้คุณสมัครรับจดหมายข่าวเพิ่มเติมเร็วขึ้น จากการศึกษาป๊อปอัปโมดอลกว่า 2 พันล้านรายการ 9% ของ 10% อันดับแรกของเว็บไซต์เห็นอัตราการแปลง โมดอลป๊อปอัปได้แสดงให้เห็นแล้วว่ามีประสิทธิภาพอย่างมากในการตั้งค่าที่หลากหลาย โดยเฉพาะอย่างยิ่งในคอลเลกชั่นลูกค้าเป้าหมาย จากข้อมูลของซูโม่ พวกเขาใช้โมดอลแบบป๊อปอัปเพื่อรับที่อยู่อีเมล 23,645,948 รายการในเวลาน้อยกว่าสองปี เมื่อคุณต้องการให้ผู้เยี่ยมชมเว็บไซต์ของคุณกระทำการหรือสังเกตสิ่งที่สำคัญ การใช้โมดอลเป็นเครื่องมือที่มีประสิทธิภาพ แอพ ElementsKit ให้คุณเปลี่ยนเลย์เอาต์ ประเภทตัวสลับ ตำแหน่งป๊อปอัป และแสดงตัวเลือกสำหรับหน้าต่างโมดอลของคุณ

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

ฉันจะเพิ่มโมเดลใน WordPress ได้อย่างไร

ผู้ดูแลระบบ WordPress เวอร์ชันล่าสุดมีรายการเมนู "รุ่น" ทางด้านซ้าย (การนำทาง) หากต้องการดูเมนูย่อยนี้ ให้วางเมาส์เหนือชื่อนี้แล้วคลิก "เพิ่มโมเดลใหม่"

WordPress Modal Popup ไม่มีปลั๊กอิน

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

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

Bootstrap Modal Popup ใน WordPress

ป๊อปอัป modal bootstrap เป็นวิธีที่ยอดเยี่ยมในการแสดงเนื้อหาเพิ่มเติมบนไซต์ wordpress สามารถใช้เพื่อให้ข้อมูลเพิ่มเติมเกี่ยวกับผลิตภัณฑ์หรือบริการ หรือเพื่อแสดงฟอร์มสำหรับการรวบรวมข้อมูลจากผู้ใช้ Bootstrap modals นั้นง่ายต่อการใช้งานและสามารถปรับแต่งให้เข้ากับรูปลักษณ์ของเว็บไซต์ของคุณ

Formidable Forms เป็นปลั๊กอินที่ยอดเยี่ยมสำหรับ WordPress Form Builders ปลั๊กอินแบบฟอร์ม Bootstrap Modal ช่วยให้คุณสร้างรูปแบบที่น่าเกรงขามหรือดูในป๊อปอัป Bootstrap modal คุณสามารถคลิกโมดอลเพื่อเข้าถึงหน้ารายละเอียดทันทีที่ปรากฏหากมีมุมมองบนหน้า หากคุณตั้งค่าการแก้ไขส่วนหน้าผ่านมุมมอง คุณสามารถเปิดรายการใน MODAL ได้ รหัสย่อนี้ใช้ได้เฉพาะเมื่อคุณได้ติดตั้งส่วนเสริมการลงทะเบียนไว้ คุณสามารถใช้พารามิเตอร์รหัสย่อการเข้าสู่ระบบปกติในรหัสย่อ frm-field-value ในตอนนี้ คุณจะสามารถคลิกลิงก์ได้หากคุณเข้าชมเพจ/โพสต์ที่มีฟิลด์ และค่าจากฟิลด์นั้นจะปรากฏในป๊อปอัป Bootstrap modal

พารามิเตอร์ class=frm_button ใช้เพื่อเปลี่ยน ลิงก์โมดอล Bootstrap เป็นปุ่ม แทนที่จะใส่เนื้อหาที่นี่ ให้ใช้ frmmodal-content เพื่อเพิ่มเนื้อหาใดๆ ที่คุณต้องการลงในแบ็กเอนด์ของคุณ เมื่อปิดการส่ง จะป้องกันไม่ให้ผู้ใช้เห็นข้อความแสดงความสำเร็จหรือข้อผิดพลาดปรากฏขึ้น ในกรณีนี้ ให้ไปที่การตั้งค่า > ทั่วไป > AJAX แล้วเลือกเพิ่ม AJAX ลงในแบบฟอร์มของคุณ

WordPress Modal Popup ในการโหลดหน้า

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

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

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