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

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

ความสนใจ!อย่ากลัวความยาวของบทเรียนนี้ - ไม่มีปัญหาในการสร้างหน้าต่างโมดอล (อ่านและดูด้วยตัวคุณเอง) ฉันแค่อธิบายรายละเอียดแต่ละขั้นตอน

อัลกอริทึมสำหรับการสร้างหน้าต่างโมดอลใน WordPress

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

1. ติดตั้งปลั๊กอิน Popup Maker เปิดใช้งานของเขา. ฉันขอเตือนคุณ: เราได้เรียนรู้วิธีการติดตั้งปลั๊กอินแล้ว
   
2. ค้นหาส่วนในเมนูด้านข้างทางด้านซ้ายของแผงผู้ดูแลระบบ เครื่องป๊อปอัปและไปที่ส่วนย่อย เพิ่มป๊อปอัป.
3. ตัวแก้ไขหน้าต่างโมดอลจะเปิดขึ้น ป้อนชื่อของหน้าต่างในช่องด้านบนของหน้า (ชื่อจะปรากฏในแผงผู้ดูแลระบบเท่านั้น - ผู้ใช้จะไม่เห็น)
4. ขึ้นมาด้วย ชื่อหน้าต่าง(ผู้ใช้จะมองเห็นได้) และป้อนลงในช่องเหนือปุ่ม เพิ่มไฟล์มีเดีย.
5. ในบล็อก เงื่อนไขเลือกหน้า (หมวดหมู่) ที่หน้าต่างจะปรากฏขึ้นจากเมนูแบบเลื่อนลง หากปลั๊กอินควรใช้งานได้ ในทุกหน้าของเว็บไซต์, เลือก รูปแบบ:ทั้งหมด.
6. เพิ่มลงในช่องขนาดใหญ่ด้านล่างแถบเครื่องมือ ข้อความ รูปภาพ วิดีโอ หรือเสียง– เนื้อหาใด ๆ ที่จะแสดงในหน้าต่างป๊อปอัป ในตัวอย่างที่อยู่ระหว่างการพิจารณา ฉันได้เพิ่มโค้ดสำหรับวิดีโอจาก YouTube (เราศึกษาการเพิ่มวิดีโอลงในไซต์ WordPress)
   
7. ในบล็อก ทริกเกอร์มีการตั้งค่าสำหรับการเปิดหน้าต่างป๊อปอัปด้วยตนเองหรืออัตโนมัติ (เปิดใช้งานด้วยตนเอง) ในตัวอย่างของเรา ฉันเลือกค่า คลิกเปิด.
8. กรุณาระบุด้านล่าง ขนาดป๊อปอัป(เป็นพิกเซลหรือเปอร์เซ็นต์) เมื่อเลือกตัวเลือก อัตโนมัติปลั๊กอินจะปรับขนาดหน้าต่างโมดอลโดยอัตโนมัติ
9. ทำเครื่องหมายในช่องในบรรทัด ปิดการใช้งานพื้นหลังเพื่อให้หน้าไซต์มองเห็นได้ด้านหลังหน้าต่างป๊อปอัป (ฉันแนะนำ)
10. ติดตั้ง ประเภทภาพเคลื่อนไหวและความเร็ว(ไม่จำเป็น: ค่าที่เหมาะสมที่สุดได้รับการตั้งค่าไว้เป็นค่าเริ่มต้นแล้ว)
    
11. ปรับตำแหน่งของหน้าต่างบนหน้าจอ ในตอนแรกปลั๊กอินจะวางตำแหน่งไว้ที่กึ่งกลางด้านบน
12. มูลค่าทรัพย์สิน ดัชนี zซึ่งตั้งค่าไว้เป็นค่าเริ่มต้น โดยปกติแล้วไม่จำเป็นต้องเปลี่ยนแปลง
    
13. เลือกตัวเลือกเพื่อปิดหน้าต่างป๊อปอัป ทำเครื่องหมายในช่องที่มีคำว่า "นก" คลิกวางซ้อนเพื่อปิด(หน้าต่างจะปิดเมื่อคุณคลิกที่พื้นหลังรอบๆ) กด F4 เพื่อปิด(หน้าต่างจะปิดด้วยกุญแจ F4), กด ESC เพื่อปิด(หน้าต่างจะปิดด้วยกุญแจ เอสซี- เพื่อไม่ให้รบกวนผู้เยี่ยมชมไซต์ด้วยปริศนาการปิดหน้าต่างโมดอล ฉันแนะนำให้ทำเครื่องหมายทุกช่อง
    
14. คลิก เผยแพร่ยินดีด้วย หน้าต่างโมดอลของคุณถูกสร้างขึ้นแล้ว!

เกี่ยวกับการปรับแต่งการออกแบบหน้าต่างป๊อปอัพ

หากต้องการเปลี่ยนการออกแบบหน้าต่างโมดอลที่สร้างขึ้น ให้ไปที่ส่วนย่อย ธีมส่วน เครื่องป๊อปอัปเมนูด้านข้างของแผงผู้ดูแลระบบ (ซ้าย)

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

วิธีการตั้งค่าหน้าต่างป๊อปอัป

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

ปลั๊กอิน Popup Make จะกำหนดแต่ละหน้าต่าง คลาส CSS ที่ไม่ซ้ำสองคลาส- หากคุณเพิ่มคลาสใดๆ เหล่านี้ให้กับองค์ประกอบหน้าเว็บ เมื่อคุณคลิกที่องค์ประกอบนี้ หน้าต่างโมดอลจะเปิดขึ้น

จะเพิ่มความคิดเห็น Instagram ได้ที่ไหนและอย่างไร – ทุกวิธี พอร์ทัล pricemm.com ค้นพบสิ่งที่ถูกกว่าและดีกว่า: เพื่อเพิ่มความคิดเห็นบน Instagram ด้วยตัวคุณเองพร้อมโปรแกรมเพื่อรับการแลกเปลี่ยนหรือสั่งซื้อบริการในบริการ SMM ข้อดีข้อเสียของแต่ละวิธี

ตัวอย่างการเพิ่มโค้ด CSS ของหน้าต่างโมดอลให้กับลิงก์ รูปภาพ และปุ่ม:

< a href = "#" class = >เปิดหน้าต่างโมดอล< / a >

หน้าต่างโมดอลจะปรากฏขึ้นเมื่อคุณคลิกที่ภาพ

< img src = "popup-primer.jpg" class = "popmake-obrazets-modalnogo-okna"/ >

หน้าต่าง Modal ถูกเปิดใช้งานหลังจากคลิกปุ่ม

< button class = "popmake-obrazets-modalnogo-okna"> เปิดหน้าต่างโมดอล< / button >

คลิกที่องค์ประกอบ HTML หลังจากเพิ่มคลาส CSS ลงไป popmake-obrazets-modalnogo-okna- หน้าต่างโมดอลที่มีลักษณะเช่นนี้ควรปรากฏขึ้น:

มันปรากฏขึ้นมาเหรอ? ยอดเยี่ยม! ตอนนี้คุณสามารถกำหนดค่าหน้าต่างป๊อปอัปได้แล้ว หากหน้าต่างไม่เปิดขึ้นมา ให้อธิบายปัญหาในความคิดเห็น - เราจะเปิดตัวไปด้วยกัน!

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

เพื่อนๆ วันนี้ผมจะเล่าให้คุณฟังเกี่ยวกับพวกเขาอย่างแน่นอน แต่! ก่อนอื่นเรามาดูกันว่าเหตุใดเราจึงต้องการมันเลย? คุณจะได้อะไรจากพวกเขาและผลลัพธ์จะเป็นอย่างไร? ฉันตอบ.

เอฟเฟกต์ผลกระทบมีขนาดใหญ่มากผ่านป๊อปอัปดังกล่าว พวกเขาบอกว่าบางครั้งเกิดขึ้นที่จำนวนสมาชิกเพิ่มขึ้น 4 เท่า เย็น! มันไม่ได้เป็น? การใช้หน้าต่างป๊อปอัป (ป๊อปอันเดอร์) เป็นวิธีที่มีประสิทธิภาพมากในการดึงดูดผู้เข้าชมจำนวนมาก มักใช้สำหรับ:

• จดหมายข่าว;
• ประชาสัมพันธ์สำหรับหลักสูตรการฝึกอบรมแบบเสียค่าใช้จ่าย
• การโปรโมตกลุ่มในเครือข่ายโซเชียล เครือข่าย;

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

แต่! ปัญหาทั้งหมดนี้สามารถหลีกเลี่ยงได้หากกำหนดค่าหน้าต่างป๊อปอัปอย่างถูกต้อง

กลับไปที่คำถามหลักของเรากันดีกว่า

ป๊อปอัปบน WordPress

1.WP-เอ็มเค

Plugin เจ๋งๆ ที่ผมเจอโดยบังเอิญ อินเทอร์เฟซภาษารัสเซียที่ติดตั้งง่ายและชุดเครื่องมือทั้งหมด เหมาะสำหรับ:

• การโฆษณา (เช่น Google Adsense)
• ประชาสัมพันธ์กลุ่มของคุณบนโซเชียลมีเดีย เครือข่าย;
• แบบฟอร์มสมัครสมาชิกง่ายๆ

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

ในความคิดของฉัน ทุกอย่างเรียบง่ายที่นี่ ฉันไม่เห็นประเด็นในการแยกส่วนทุกอย่างแยกกัน หากคุณมีคำถามใด ๆ คุณสามารถถามพวกเขาในความคิดเห็น

2. ป๊อปอัปนินจา

หากคุณต้องการให้ผู้ใช้ “ว้าว” เมื่อพวกเขาเยี่ยมชมไซต์ของคุณและเห็นหน้าต่างป๊อปอัป ให้ติดตั้งปลั๊กอินสุดเจ๋งนี้ Ninja Popups เป็นสัตว์ประหลาดป๊อปอัปบน . เมื่อเปรียบเทียบกับ WP-MK มันเหนือกว่ามากในแง่ของฟังก์ชันการทำงาน ฉันสังเกตว่า Ninja Popups ถูกใช้โดยผู้เชี่ยวชาญในงานฝีมือของพวกเขา ทำไม ปลั๊กอินได้รับการชำระแล้วและไม่ใช่ทุกคนที่จะสามารถซื้อได้ ฉันสามารถพูดจากตัวเองได้ว่าราคาของพวกเขาสมเหตุสมผลพวกเขาไม่ได้ขออะไรมาก คุณสามารถหาข้อมูลเพิ่มเติมเกี่ยวกับค่าใช้จ่ายได้ ที่นี่.

เรามาดูกันว่าเราได้อะไรจากปลั๊กอินนี้บ้าง:

• ความง่ายในการตั้งค่า
• เทมเพลตสำเร็จรูปมากกว่า 100 แบบสำหรับการสมัครสมาชิกและการโฆษณาประเภทอื่น ๆ (การแข่งขัน โปรโมชั่น หลักสูตรการฝึกอบรม ฯลฯ )
• สถิติ;
• หน้าต่างป๊อปอัปเวอร์ชันมือถือ
• การตั้งค่าเวลาแสดงผลขั้นสูง
• และอีกมากมาย

หากคุณต้องการเรียนรู้เกี่ยวกับคุณประโยชน์ทั้งหมดของปลั๊กอิน โปรดไปที่ นี้ลิงค์

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

นั่นคือทั้งหมดเพื่อน ๆ เท่าที่เกี่ยวข้องกับการตั้งค่า แต่ถ้าคุณมีคำถามใด ๆ ให้ถามพวกเขาในความคิดเห็น

3. Popup Maker (หน้าต่างโมดอล)

ปลั๊กอินที่มีหน้าที่สร้างหน้าต่างป๊อปอัปโมดอล ในกรณีของเรา ป๊อปอัปจะปรากฏขึ้นเมื่อคลิกที่:

• ลิงค์;
• ปุ่ม;
• รูปภาพ.

แล้วคุณจะตั้งค่ามันได้อย่างไร?

1. ดาวน์โหลดเสียบเข้าไป;

2. ติดตั้งและเปิดใช้งาน;

3. ทางด้านซ้ายในเมนูที่เรามองหา: Pupup Maker -> เพิ่มใหม่

4. หน้าแบบนี้จะปรากฏต่อหน้าเรา:

ไม่เตือนคุณถึงอะไรเลยเหรอ? หน้านี้เหมือนกับแบบฟอร์มสำหรับการเผยแพร่บทความบน WordPress ทุกประการ อย่างที่คุณเห็น มีการเพิ่มฟังก์ชั่นเพิ่มเติม (การตั้งค่า) บางอย่างที่นี่

ลองดูรายละเอียดเพิ่มเติม

หน้าต่างป๊อปอัป (ชื่อ)- จะไม่ปรากฏที่ใด ๆ ที่นี่เราตั้งชื่อให้กับป๊อปอันเดอร์ของเราในปลั๊กอิน

ป้อนชื่อหน้าต่างที่นี่- เขียนชื่อ (เช่น สมัครรับข่าวสาร)

เงื่อนไขการกำหนดเป้าหมาย- ทำเครื่องหมายในช่องที่หน้าต่างของเราจะปรากฏขึ้น

การตั้งค่าธีม - ยังไม่มีตัวเลือกที่นี่ เลือกตามค่าเริ่มต้น เพื่อนๆ ในอนาคตคุณสามารถสร้างเทมเพลตของคุณเองเพื่อออกแบบหน้าต่างโมดอลได้ อย่างไรก็ตามฟังก์ชั่นนี้เจ๋งมาก คุณสามารถค้นหาได้: Pupup Maker -> ธีมทั้งหมด.

รหัส - สิ่งที่จะแสดงในหน้าต่าง ในกรณีของเรา วิดีโอจาก YouTube:

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

หลังจากทำการตั้งค่าทั้งหมดแล้ว สิ่งที่เราต้องทำคือเผยแพร่หน้าต่างป๊อปอัป

แต่เพื่อนไม่ใช่ทุกอย่าง ไปที่ส่วน Pupup Maker -> ป๊อปอัปทั้งหมด- เรากำลังมองหาคลาส CSS เราสนใจโค้ดเช่นนี้: popmake-xxx

เราต้องการโค้ดนี้เพื่อแสดงหน้าต่างเมื่อคลิกที่ลิงค์ รูปภาพ หรือปุ่ม (ผมบอกไปแล้วตอนต้น)

การเปิดหน้าต่างเมื่อคุณคลิกที่ภาพ:

เปิดโดยการกดปุ่ม:

< button class = "popmake-xxx" >เปิดหน้าต่าง

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

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

สำหรับการอัปเดตเข้าร่วมใน แล้วพบกันใหม่เร็วๆ นี้ ลาก่อนทุกคน!

ขอแสดงความนับถือ Mogish Ivan

คุณจะพบว่าหน้าต่างป๊อปอัปเป็นหน้าต่างที่เปิดขึ้นบนหน้าจอคอมพิวเตอร์อันเป็นผลมาจากการดำเนินการบางอย่าง

ในบทความนี้เราจะดูที่การสร้างหน้าต่างป๊อปอัป PopUP สำหรับ WordPress

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

ในฐานะเครื่องมือสำหรับสร้างหน้าต่างป๊อปอัปในบทความนี้ ฉันจะพิจารณาปลั๊กอินพิเศษสำหรับ WordPress ที่เรียกว่า เวิร์ดเพรสป๊อปอัพ.

ปลั๊กอิน WordPress PopUp สำหรับสร้างป๊อปอัป

ปลั๊กอินนี้มีอยู่ในไดเร็กทอรีปลั๊กอินในพื้นที่ผู้ดูแลระบบ WordPress ดังนั้นการติดตั้งจึงเป็นเรื่องง่าย

ค้นหาผ่านแบบฟอร์มการค้นหาแล้วคลิก ติดตั้ง:

รายการใหม่จะพร้อมใช้งานในเมนูผู้ดูแลระบบ ป๊อปอัพ:

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

ในย่อหน้าย่อย ป๊อปอัพจุด ป๊อปอัพหน้าต่างป๊อปอัปที่มีอยู่ทั้งหมดและการจัดการพร้อมใช้งาน เนื่องจากยังไม่มีการสร้างหน้าต่าง รายการจึงว่างเปล่า:

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

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

มาเริ่มตั้งค่าหน้าต่างป๊อปอัปที่สร้างขึ้นโดยการเขียนชื่อของมันหรือระบุตัวระบุบางตัวที่เราจะพบหน้าต่างนี้ท่ามกลางหน้าต่างอื่น ๆ ถ้ามี

ตัวระบุนี้เขียนอยู่ในคอลัมน์ ชื่อป๊อปอัป (ไม่แสดงบนป๊อปอัป)และเนื่องจากชื่อคอลัมน์นี้เมื่อแปลเป็นภาษารัสเซียนั้นเดาได้ไม่ยาก จึงจะไม่ปรากฏในหน้าต่างป๊อปอัป:

ชื่อและคำบรรยายเหล่านี้จะแสดงที่ด้านบนสุดของหน้าต่างป๊อปอัป

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

ทางด้านขวาเล็กน้อยในส่วนนี้ รูปภาพคุณสมบัติป๊อปอัป (ไม่บังคับ)คุณสามารถใช้การแทรกรูปภาพใดๆ ลงในหน้าต่างป๊อปอัปได้:

ฉันจะไม่ใส่รูปภาพ

ต่ำกว่าเล็กน้อยในส่วน ปุ่มเรียกร้องให้ดำเนินการ (ไม่จำเป็น)เป็นไปได้ที่จะเพิ่มปุ่มที่มีการเรียกร้องให้ดำเนินการบางอย่างในหน้าต่างที่สร้างขึ้น:

การสร้างปุ่มดังกล่าวนั้นง่ายมาก - คุณต้องเขียนชื่อของปุ่มลงในคอลัมน์ ป้ายปุ่มและในกราฟ ลิงค์ปุ่มวางลิงค์ที่เปิดใช้งานการดำเนินการที่จำเป็น

ยังคงต้องกำหนดพารามิเตอร์บางอย่างที่สร้างขึ้น ป๊อปอัพหน้าต่าง. มาดูพวกเขากันดีกว่า

การตั้งค่าตัวเลือกป๊อปอัป

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

เรามาเริ่มกันตามลำดับจากส่วนนี้ รูปร่าง:

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

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

ตอนนี้เรามาดูส่วนนี้กัน พฤติกรรมการตั้งค่าที่กำหนดลักษณะการทำงานของหน้าต่างป๊อปอัป:

การตั้งค่าที่มีให้สำหรับปลั๊กอินเวอร์ชันฟรีมีดังต่อไปนี้:

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

ไปที่ส่วนการตั้งค่ากันดีกว่า การแสดงเงื่อนไข (ไม่บังคับ)รับผิดชอบเงื่อนไขในการแสดงหน้าต่างป๊อปอัปแบบกำหนดเอง:

มีหลายประเด็นที่สำคัญ ลองดูตามลำดับ:

• ผู้เยี่ยมชมเข้าสู่ระบบแล้ว— แสดงหน้าต่างป๊อปอัปแก่ผู้ใช้ที่ได้รับการรับรองความถูกต้องบนเว็บไซต์ (ขึ้นอยู่กับความพร้อมของตัวเลือกดังกล่าว)
• ผู้เยี่ยมชมไม่ได้เข้าสู่ระบบ— แสดงหน้าต่างป๊อปอัปแก่ผู้ใช้ที่ไม่ได้รับการรับรองความถูกต้องบนไซต์
• ป๊อปอัปแสดงน้อยกว่า— แสดงหน้าต่างป๊อปอัปจนกว่าผู้ใช้จะเห็นเป็นจำนวนครั้ง (ตั้งค่าในคอลัมน์ แสดงป๊อปอัปบ่อยครั้ง:);
• บนอุปกรณ์เคลื่อนที่เท่านั้น— การแสดงหน้าต่างป๊อปอัปสำหรับผู้เยี่ยมชมจากอุปกรณ์มือถือเท่านั้น
• ไม่ใช่บนอุปกรณ์เคลื่อนที่— การแสดงหน้าต่างป๊อปอัปสำหรับผู้เยี่ยมชมจากคอมพิวเตอร์หรือแล็ปท็อปเท่านั้น (ไม่ใช่จากอุปกรณ์มือถือ)
• จากผู้อ้างอิงที่เฉพาะเจาะจง— แสดงหน้าต่างป๊อปอัปหากผู้ใช้มาใช้งานพิเศษ ผู้อ้างอิง
• ไม่ได้มาจากผู้อ้างอิงที่เฉพาะเจาะจง— ซ่อนหน้าต่างป๊อปอัปหากผู้ใช้ใช้คุณสมบัติพิเศษ ผู้อ้างอิง(กำหนดผู้อ้างอิงไว้ที่นี่);
• ไม่ใช่จากลิงก์ภายใน— หน้าต่างป๊อปอัปจะไม่ปรากฏขึ้นหากผู้ใช้เข้ามาผ่านลิงก์ภายในจากหน้าอื่นของแหล่งข้อมูลเดียวกัน
• จากเครื่องมือค้นหา— แสดงหน้าต่างป๊อปอัปสำหรับผู้เยี่ยมชมที่เข้ามายังเว็บไซต์จากเครื่องมือค้นหา
• ใน URL ที่เฉพาะเจาะจง— แสดงหน้าต่างป๊อปอัปสำหรับผู้เยี่ยมชมที่อยู่ในบางจุด URL URL แบบเต็ม;
• ไม่ได้อยู่ใน URL ที่เฉพาะเจาะจง— แสดงหน้าต่างป๊อปอัปสำหรับผู้เยี่ยมชม ยกเว้นบางหน้าต่าง URLรายการที่ระบุไว้ที่นี่ในคอลัมน์ URL แบบเต็ม;
• ผู้เข้าชมได้แสดงความคิดเห็นมาก่อน— แสดงหน้าต่างป๊อปอัปแก่ผู้ใช้ที่แสดงความคิดเห็นบนเว็บไซต์ เงื่อนไขนี้สามารถรวมกับเงื่อนไขได้ ผู้เยี่ยมชมเข้าสู่ระบบแล้วหรือ ผู้เยี่ยมชมไม่ได้เข้าสู่ระบบ;
• ผู้เยี่ยมชมไม่เคยแสดงความคิดเห็น— แสดงหน้าต่างป๊อปอัปแก่ผู้ใช้ที่ไม่ได้แสดงความคิดเห็นบนเว็บไซต์ เงื่อนไขนี้สามารถรวมกับเงื่อนไขได้ ผู้เยี่ยมชมเข้าสู่ระบบแล้วหรือ ผู้เยี่ยมชมไม่ได้เข้าสู่ระบบ.

เราได้ดูการตั้งค่าทั้งหมดที่มีให้สำหรับปลั๊กอินเวอร์ชันฟรีแล้ว ตอนนี้เรามาดูการตั้งค่าที่มีให้สำหรับปลั๊กอินเวอร์ชันที่ต้องชำระเงินเท่านั้นโดยย่อ เวิร์ดเพรสป๊อปอัพ:

เหล่านี้เป็นโบนัสที่มาพร้อมกับปลั๊กอินเวอร์ชันที่ต้องชำระเงินซึ่งเสนอให้ในราคา $ 19

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

หากผลลัพธ์เหมาะกับคุณ คุณสามารถเปิดใช้งานหน้าต่างป๊อปอัปได้ (ตัวเลื่อน สถานะย้ายไปยังตำแหน่ง เปิดใช้งาน).

ในที่สุด หลังจากทำตามขั้นตอนข้างต้นทั้งหมด ฉันก็ได้รับผลลัพธ์ดังต่อไปนี้:

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

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

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

อัปเดต 18/05/2017: เมื่อพิจารณาจากบทวิจารณ์ล่าสุดในพื้นที่เก็บข้อมูล ในบางกรณีอาจมีปัญหากับการดำเนินงาน หากคุณได้รับผลกระทบจากสิ่งนี้เช่นกัน ให้ลองใช้วิธีแก้ปัญหาใหม่จากนักพัฒนาชื่อ Popup Maker ทางเลือกอื่นที่สามารถพิจารณาได้

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

มาดูโมดูล Easy Modal กันดีกว่า- คุณจะได้พบเขา นักพัฒนาอ้างว่านี่เป็นทางออกที่ดีที่สุดสำหรับการสร้างหน้าต่างโมดอลบนเว็บไซต์พร้อมตัวเลือกที่น่าสนใจมากมายสำหรับการนำเสนอเนื้อหา

ดาวน์โหลดมากกว่า 10,000 ครั้ง เรตติ้ง 4.6 เวอร์ชันที่ถูกต้องของ 3.4 คือ 4.0.8 แม้ว่าฉันจะรันบน WP 4.3.1 ได้สำเร็จก็ตาม แม้ว่าตอนนี้ปลั๊กอินจะถูกแปลงเป็นโซลูชัน Popup Maker ใหม่แล้ว บนเว็บไซต์ wordpress.org และเมื่อค้นหาปลั๊กอินภายในแผงผู้ดูแลระบบ คุณยังคงพบ Easy Modal เวอร์ชัน 2.0.17 ตามปกติ ฉันจะบอกคุณเกี่ยวกับการสร้างหน้าต่างตอบรับแบบกิริยาใน WordPress โดยใช้ตัวอย่างของเขา

หลังจากการติดตั้ง ส่วนของชื่อเดียวกันจะปรากฏขึ้น โดยมีหลายรายการ เราจะต้องมีสิ่งแรกสุด - โมดาล- คลิกที่ปุ่มเพิ่มใหม่ที่นั่น

การดำเนินการนี้จะสร้างหน้าต่างโมดอลใหม่สำหรับไซต์ WordPress ของคุณ การตั้งค่าองค์ประกอบจะมี 4 แท็บ:

• ทั่วไป—พารามิเตอร์ทั่วไป
• ตัวเลือกการแสดงผล - ตัวเลือกการแสดงผล
• ปิดตัวเลือก - การตั้งค่าสำหรับการปิดหน้าต่าง (โดยใช้การคลิกหรือปุ่ม Esc)
• ตัวอย่าง - ตัวอย่างโค้ดที่จะใช้

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

ประเภทการโหลดมี 2 ตัวเลือก:

• โหลดทั่วทั้งไซต์ (สำหรับทั้งไซต์)
• ต่อเพจ/โพสต์ (สำหรับโพสต์และเพจเฉพาะ)

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

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

แท็บที่สองของพารามิเตอร์โมดูลคือ ตัวเลือกการแสดงผล.

ที่นี่คุณระบุ:

• ขนาดหน้าต่าง - อัตโนมัติ, ปานกลาง, ปรับได้, เล็ก, ใหญ่ ฯลฯ
• พื้นหลัง - คุณสามารถใช้พื้นหลังสำหรับแบบฟอร์มหรือแสดงโดยไม่มีมันก็ได้
• ภาพเคลื่อนไหวหน้าต่างป๊อปอัป
• ตำแหน่ง (ตำแหน่ง) - ตรงกลางบน, ล่างขวา ฯลฯ ; ได้รับการแก้ไขแล้วหรือไม่;
• การเยื้องที่ด้านบนของหน้าจอ

ตัวอย่างการแสดงผลลัพธ์ของหน้าต่างโมดอลใน WordPress โดยใช้ปลั๊กอิน Easy Modal สามารถพบได้ในแท็บสุดท้าย

คุณต้องแทรกโค้ดนี้ผ่านวิดเจ็ตในแถบด้านข้างหรือในโปรแกรมแก้ไขข้อความ มันไม่แตกต่างจากโค้ด HTML อื่น ๆ สิ่งเดียวคือคลาสของหน้าต่างโมดอลเฉพาะ (eModal-1) ถูกระบุที่นี่ สำหรับองค์ประกอบที่สองที่คุณสร้างขึ้น คลาสจะเป็น eModal-2 เป็นต้น เพื่อหลีกเลี่ยงไม่ให้ใส่โค้ดผิดพลาด วิธีที่ง่ายที่สุดคือการคัดลอกโค้ดจากหน้านี้

การแก้ไขธีมของหน้าต่างโมดอล

ในปลั๊กอิน Easy Modal นอกเหนือจากการตั้งค่าสำหรับองค์ประกอบเฉพาะแล้ว คุณยังสามารถกำหนดธีมสำหรับหน้าต่างป๊อปอัป (ธีม) โมดูลเวอร์ชันพื้นฐานฟรีมีเพียงเทมเพลตเดียวเท่านั้น แต่นี่ก็เกินพอแล้ว

เครื่องมือนี้มี 6 แท็บ:

• ทั่วไป - ระบุชื่อของหัวข้อ
• ภาพซ้อนทับ — พื้นหลัง (ที่นี่คุณสามารถเลือกสีและความโปร่งใสของพื้นหลังของแบบฟอร์มได้)
• คอนเทนเนอร์ - การตั้งค่าต่าง ๆ ของหน้าต่างโมดอลเอง (ช่องว่างภายใน, กรอบ, เงา)
• ชื่อ—พารามิเตอร์ชื่อหน้าต่างป๊อปอัป (แบบอักษร, เงา);
• เนื้อหา — แบบอักษรและสีของข้อความในบล็อก;
• ปิด - องค์ประกอบการปิดแบบฟอร์ม (ข้อความและการออกแบบ)

อย่างที่คุณเห็นสามารถปรับแต่งรูปลักษณ์ให้เหมาะกับความต้องการของคุณได้ ฉันลงเอยด้วยแบบฟอร์ม WordPress ง่ายๆ นี้ในหน้าต่างโมดอล:

หลังจากตั้งค่าทั้งหมดแล้ว อย่าลืมบันทึก (คลิกปุ่มบันทึก)

วิดีโอการเพิ่มแบบฟอร์มการติดต่อ 7 ในป๊อปอัป Easy Modal

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

รวมเกี่ยวกับหน้าต่างกิริยาสำหรับ WordPress

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

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

สำหรับงานเปิดแบบฟอร์มคำติชม 7 แบบฟอร์มติดต่อในหน้าต่างป๊อปอัป ความสามารถพื้นฐานของ Easy Modal ก็เพียงพอแล้ว นอกจากนี้ โซลูชันนี้ยังสามารถใช้เพื่อแสดงหน้าต่างโมดอลอื่นๆ ใน WordPress - เคล็ดลับที่เป็นประโยชน์ ข้อมูลเพิ่มเติม ฯลฯ เนื่องจากมีโปรแกรมแก้ไขสำหรับการแทรกโค้ด HTML คุณสามารถแสดงวิดีโอ แบบฟอร์ม ฯลฯ ในหน้าต่างป๊อปอัปได้ โดยรวมแล้วเป็นปลั๊กอินที่มีประโยชน์ หากคุณมีคำถามใด ๆ เกี่ยวกับเรื่องนี้เขียนในความคิดเห็น

สวัสดีทุกคน!

ปลั๊กอินป๊อปอัป WordPress – ป๊อปอัปแบบเลเยอร์

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

คุณจะมีโอกาส:

สร้างหน้าต่างป๊อปอัป

ใช้เทมเพลตป๊อปอัปที่ตั้งไว้ล่วงหน้า

สร้างหน้าต่างป๊อปอัปของคุณเอง

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

การตั้งค่าปลั๊กอินป๊อปอัป

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

เมื่อสร้างป๊อปอัปใหม่ คุณจะสามารถเข้าถึงฟังก์ชันต่างๆ มากมายซึ่งคุณสามารถทำการตั้งค่าที่จำเป็นในหน้าต่างป๊อปอัป WordPress ของคุณได้ ดังนั้นจึงไม่มีใครหยุดคุณจากการสร้างสรรค์ได้

หากคุณเห็นข้อความเช่น: “ป้อนข้อความของคุณ..” - ไม่ต้องกังวล คุณสามารถแทนที่ด้วยข้อความอื่นและในภาษาใดก็ได้ที่คุณต้องการ

ปลั๊กอินป๊อปอัปแท็บการส่งจดหมาย

ที่นี่คุณได้รับการดูแลแล้ว แต่คุณสามารถป้อนข้อความของคุณเองได้ตามที่คุณต้องการ

ปลั๊กอินป๊อปอัปการรวมส่วน WordPress

สำหรับฉันเป็นการส่วนตัวแล้ว มันไม่น่าสนใจเป็นพิเศษ แต่อาจมีบางคนใช้บริการของบุคคลที่สามในการส่งอีเมล

ป๊อปอัป – แคมเปญ A/B

ที่นี่คุณสามารถสร้างบริษัทและติดตามว่าป๊อปอัปใดมีประสิทธิภาพมากที่สุด

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

ฉันจะบอกทันทีว่าฉันไม่ได้ทดสอบส่วนนี้เป็นพิเศษ

หากคุณคลิกที่ปุ่ม "สร้าง" การตั้งค่าเพิ่มเติมจะปรากฏขึ้นเพื่อให้คุณสามารถปรับให้เหมาะกับความต้องการของคุณได้

ฉันยังไม่ได้ทดสอบนิตยสารเลย ดังนั้นฉันจะพูดถึงมันและไม่มีอะไรเพิ่มเติม..

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

นอกจากนี้ยังมีส่วนที่มีส่วนเสริมด้วย แต่น่าเสียดายที่มันต้องเสียเงินด้วย..

ฉันจะดูในส่วนการตั้งค่าเป็นอันดับแรกอย่างแน่นอน พูดตรงไปตรงมาเพื่อตั้งค่าพารามิเตอร์ที่จำเป็นทั้งหมด

นอกจากนี้ยังมีส่วนคำถามที่พบบ่อย - "คำถามที่พบบ่อย" แต่ไม่เกี่ยวข้องกับปลั๊กอินและเปลี่ยนเส้นทางผู้ใช้ไปยังหน้าที่มีคำตอบเป็นภาษาอังกฤษดังนั้นจึงไม่สามารถแปลได้

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