วิธีสร้างป๊อปอัปใน WordPress (วิธีที่ง่าย)

ป๊อปอัปเป็นวิธีที่ยอดเยี่ยมในการดึงดูดความสนใจของผู้เยี่ยมชมเว็บไซต์ของคุณ และเปิดโอกาสให้พวกเขาสมัครรับจดหมายข่าว เรียนรู้เพิ่มเติมเกี่ยวกับผลิตภัณฑ์ล่าสุดของคุณ หรือใช้ประโยชน์จากข้อเสนอพิเศษ มีหลายวิธีในการสร้างป๊อปอัปใน WordPress แต่วิธีที่ง่ายที่สุดคือการใช้ปลั๊กอิน มีปลั๊กอินป๊อปอัปมากมายสำหรับ WordPress แต่เราขอแนะนำให้ใช้ Popup โดย Jared Ritchey เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณจะต้องสร้างป๊อปอัปใหม่ ในการดำเนินการนี้ ให้ไปที่ป๊อปอัป » เพิ่มใหม่ ในพื้นที่ผู้ดูแลระบบ WordPress ของคุณ ในหน้าจอถัดไป คุณจะต้องป้อนชื่อสำหรับป๊อปอัปและเลือกประเภทป๊อปอัป Jared Ritchey มีป๊อปอัปหลายประเภทรวมถึงป๊อปอัปไลท์บ็อกซ์ป๊อปอัปแบบสไลด์และป๊อปอัปแบบเต็มหน้าจอ สำหรับตัวอย่างนี้ เราจะเลือกป๊อปอัปไลท์บ็อกซ์ เมื่อคุณเลือกประเภทป๊อปอัปแล้ว คุณจะสามารถเลือกเทมเพลตสำหรับป๊อปอัปของคุณได้ OptinMonster มีเทมเพลตป๊อปอัปที่ออกแบบอย่างมืออาชีพมากกว่า 50 แบบที่คุณสามารถใช้ได้ หลังจากเลือกเทมเพลตแล้ว คุณจะปรับแต่งป๊อปอัปได้ คุณสามารถเปลี่ยนสี ข้อความ รูปภาพ และอื่นๆ ได้ เมื่อคุณพอใจกับป๊อปอัปแล้ว ให้คลิกที่ปุ่ม 'บันทึก' เพื่อบันทึกการเปลี่ยนแปลงของคุณ เมื่อคุณสร้างป๊อปอัปแล้ว ก็ถึงเวลาเพิ่มลงในเว็บไซต์ WordPress ของคุณ ในการดำเนินการนี้ ไปที่ป๊อปอัป » จัดการป๊อปอัป แล้วคลิกแท็บ "ฝัง" ในหน้าจอถัดไป คุณจะเห็นโค้ดบางส่วนที่คุณต้องเพิ่มลงในเว็บไซต์ของคุณ คุณสามารถเพิ่มโค้ดนี้ลงในเว็บไซต์ของคุณได้ด้วยตนเอง หรือใช้ปลั๊กอิน เช่น แทรกส่วนหัวและส่วนท้ายเพื่อเพิ่มโค้ดโดยอัตโนมัติ เมื่อคุณเพิ่มโค้ดลงในเว็บไซต์ของคุณแล้ว ให้คลิกที่ปุ่ม 'บันทึก' เท่านี้ก็เสร็จเรียบร้อย ป๊อปอัปของคุณจะปรากฏบนเว็บไซต์ของคุณ

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

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

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

ฉันจะสร้างป๊อปอัปที่กำหนดเองใน WordPress ได้อย่างไร

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

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

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

ลิงก์ WordPress ไปยังป๊อปอัป

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

คุณสามารถแสดง ฟังก์ชันป๊อปอัปของ WordPress ได้หลายวิธี ขึ้นอยู่กับความเร็วในการโหลดหน้าเว็บ เวลาในการเลื่อนหน้า และวิธีที่คุณออกจากไซต์ เมื่อเพิ่มรหัสที่จำเป็นแล้ว ทุกอย่างก็เสร็จสิ้น ฉันจะทำให้ป๊อปอัปปรากฏขึ้นหลังจากคลิกลิงก์เนื้อหาของฉันได้อย่างไร ใน HTML คุณสามารถใช้แอตทริบิวต์ onclick ของป๊อปอัปกับองค์ประกอบใดก็ได้ในไซต์ของคุณ หากคุณทราบวิธีการทำเช่นนั้น ป๊อปอัปจะไม่ถูกโหลดบนเซิร์ฟเวอร์หากคุณใช้แอตทริบิวต์ onclick ในธีมหรือที่อื่นใดในเนื้อหาของไซต์ กรอกรหัสที่จำเป็นเพื่อแสดงป๊อปอัปบนเว็บไซต์ของคุณ ในขั้นแรก ให้โหลด PopUp จากฝั่งเซิร์ฟเวอร์ (ฐานข้อมูล) และในขั้นที่ 2 ให้ผูกป๊อปอัปเข้ากับลิงก์ที่คุณคลิก

วิธีสร้างป๊อปอัปที่กำหนดเองใน WordPress โดยใช้ Javascript

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

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

ปลั๊กอิน WordPress Modal Popup

มีปลั๊กอินป๊อปอัป WordPress modal มากมาย ป๊อปอัปที่ได้รับความนิยมมากที่สุด ได้แก่ Popup Maker, Modal Popups โดย WPForms และ Ninja Popups ปลั๊กอินเหล่านี้ช่วยให้คุณสร้างหน้าต่างป๊อปอัปที่สามารถใช้เพื่อวัตถุประสงค์ต่างๆ เช่น การแสดงแบบฟอร์มการสมัคร การแสดงวิดีโอ หรือการให้ข้อมูลเพิ่มเติมเกี่ยวกับผลิตภัณฑ์หรือบริการ

Snitcher มีคุณลักษณะมากมายที่ช่วยให้คุณสามารถเพิ่มป๊อปอัปในหน้าใดก็ได้ โดยไม่คำนึงถึงประเภทของเนื้อหา คุณสามารถใช้สิ่งนี้เพื่อกระตุ้นความสนใจของผู้ใช้ในการโปรโมต ข้อเสนอ และประกาศคุณสมบัติของคุณ ตลอดจนให้ข้อมูลที่สำคัญผ่านข้อความป๊อปอัปที่สดใส หน้าต่างแต่ละบานมีชุดการกำหนดสไตล์สำหรับแต่ละองค์ประกอบ ช่วยให้คุณสร้างรูปลักษณ์ที่เป็นเอกลักษณ์สำหรับไซต์ของคุณ ปลั๊กอินนี้สอดคล้องกับมาตรฐาน WCAG ระดับ AA และช่วยให้สามารถเข้าถึงเนื้อหาในระดับสูงได้ภายในป๊อปอัป คุณสามารถดูป๊อปอัปได้ง่ายๆ โดยการคลิก เลื่อน วางเมาส์เหนือ ตามเวลาที่มีกิจกรรมหรือไม่มีการใช้งาน หรือโดยการเปลี่ยนแท็บหรือออก และป๊อปอัปจะเปิดขึ้นทันทีหลังจากที่โหลดหน้าเว็บแล้ว เครื่องมือนี้ได้รับการสนับสนุนโดย Chrome, Firefox, Opera, Safari และอื่นๆ ไม่ว่าผู้ใช้เบราว์เซอร์ใดจะดูเว็บไซต์ของคุณ

วิธีลบป๊อปอัปใน WordPress

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

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

ฉันจะกำจัดฟอร์มป๊อปอัป Mailchimp ใน WordPress ได้อย่างไร

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

วิธีเปิด Modal Popup On Button คลิกที่ WordPress

ในการเปิดป๊อปอัปโมดอลเมื่อคลิกปุ่มใน WordPress คุณจะต้องสร้างองค์ประกอบของปุ่มและเพิ่มคลาสต่อไปนี้: “popmake-trigger” จากนั้น คุณจะต้องสร้างป๊อปอัปโมดอลและเพิ่มคลาสต่อไปนี้: “popmake-modal”

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

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