ต้องหาวิธีเปิดป๊อปอัป Elementor ในกูเตนเบิร์ก?

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

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

บทความนี้จะแสดงวิธีเปิดป๊อปอัป Elementor ในกูเทนแบร์ก

วิธีเปิดป๊อปอัป Elementor ใน WordPress Gutenberg Editor

ขั้นตอนที่ 1: เตรียมป๊อปอัป

ไปที่เทมเพลตป๊อปอัปที่คุณสร้างขึ้น หากคุณยังใหม่กับ Elementor และต้องการเรียนรู้วิธีสร้างป๊อปอัป คุณสามารถดูบทช่วยสอนต่อไปนี้: โดยคลิกที่นี่ Lien.

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

อย่าลืมเพิ่มสัญลักษณ์จุดเป็นคำนำหน้า (เช่น .popup12345).

เปิดป๊อปอัป Elementor ใน Gutenberg

เมื่อคุณเพิ่มตัวเลือกที่ระบุแล้ว อย่าลืมอัปเดตหรือเผยแพร่เทมเพลตป๊อปอัปของคุณ

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

เปิดป๊อปอัป Elementor ใน Gutenberg

ขั้นตอนที่ 2: เปิดป๊อปอัปใน Gutenberg

ตอนนี้ได้เวลาเปิดป๊อปอัปในตัวแก้ไข WordPress Gutenberg

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

ในบทช่วยสอนนี้ เราจะใช้บล็อคปุ่ม

เปิดป๊อปอัป Elementor ใน Gutenberg

เมื่อคุณได้ตัดสินใจแล้วว่าต้องการใช้บล็อกใดเป็นทริกเกอร์ให้แสดงป๊อปอัป ให้ไปที่การตั้งค่า บล็อค – > ขั้นสูง จากนั้นเพิ่มของคุณ คลาส CSS ที่ระบุ ใน คลาส CSS เพิ่มเติม ( es ) แชมป์

เปิดป๊อปอัป Elementor ใน Gutenberg

ดี. แค่นั้นแหละ. หากต้องการดูวิธีการทำงาน ให้เผยแพร่โครงการของคุณและเปิดในหน้าต่างใหม่

เปิดป๊อปอัป Elementor ใน Gutenberg

รับ Elementor Pro ทันที!!!

สรุป

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

หากคุณมีข้อกังวลใด ๆ เกี่ยวกับวิธีการเดินทางไปที่นั่น แจ้งให้เราทราบภายใน ความเห็น.

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...

Pin It เมื่อ Pinterest