วิธีสร้างป๊อปอัปด้วย Elementor

ต้องการทราบวิธีสร้างป๊อปอัปด้วย Elementor ?

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

ในบทความนี้ เราจะแสดงวิธีสร้างป๊อปอัปโดยใช้ฟีเจอร์ Popup BuilderElementor.

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

ค้นพบ วิธีการติดตั้ง Elementor บน WordPress

ก่อนที่จะดำเนินการใดๆ เพิ่มเติม เป็นสิ่งสำคัญที่จะต้องทราบว่า Popup Builder ของ Elementor มีเฉพาะในเวอร์ชันโปรเท่านั้น

วิธีสร้างป๊อปอัปด้วย Elementor

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

อ่าน: วิธีสร้างปุ่มไล่โทนสีหลากสีใน Elementor

ในคู่มือนี้ เราจะสร้างป๊อปอัปคำกระตุ้นการตัดสินใจพร้อมทริกเกอร์การคลิกปุ่ม ป๊อปอัปจะปรากฏขึ้นเมื่อผู้ใช้คลิกปุ่ม

สมมติว่าคุณได้ติดตั้ง Elementor Pro, เข้าสู่แดชบอร์ด WordPress และไปที่ แม่แบบ – > ป๊อปอัป และคลิกที่ปุ่ม เพิ่มเกี่ยวกับ au dessus

ตั้งชื่อให้กับป๊อปอัปของคุณและคลิกที่ปุ่ม สร้างแบบจำลอง.

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

หากคุณต้องการสร้างป๊อปอัปตั้งแต่เริ่มต้น คุณสามารถปิดไลบรารีเทมเพลตเพื่อเปิดตัวแก้ไขของ Elementor

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

คุณยังสามารถเพิ่มภาพเคลื่อนไหวเข้า/ออก เปิด/ปิดการซ้อนทับ และเปิด/ปิดปุ่มปิด

เมื่อเสร็จแล้วให้คลิกที่ปุ่ม Publier.

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

• เงื่อนไขการแสดงผล: กำหนดว่าหน้าใดที่ป๊อปอัปจะปรากฏในเว็บไซต์ของคุณ คุณสามารถกำหนดค่าป๊อปอัปให้ปรากฏบนทั้งเว็บไซต์ หน้าเฉพาะ โพสต์เฉพาะ หมวดหมู่เฉพาะ เป็นต้น
• ทริกเกอร์: ทริกเกอร์คือการดำเนินการเพื่อแสดงป๊อปอัป Elementor รองรับทริกเกอร์ 6 ประเภท: ในการโหลดหน้าเว็บ, เมื่อเลื่อน, บนองค์ประกอบเลื่อน, เมื่อคลิก, หลังจากไม่มีการใช้งาน บนหน้าออก
• กฎขั้นสูง: ข้อกำหนดที่ต้องปฏิบัติตามเพื่อให้ป๊อปอัปปรากฏขึ้น ตัวอย่างเช่น คุณสามารถกำหนดค่าให้ป๊อปอัปปรากฏขึ้นได้หากมีผู้เยี่ยมชมเว็บไซต์ของคุณผ่านเครื่องมือค้นหาหรือ URL บางอย่าง ตัวสร้างป๊อปอัปของ Elementor มีตัวเลือกกฎขั้นสูง 7 แบบที่คุณสามารถตั้งค่าได้

เนื่องจากเราต้องการแสดงป๊อปอัปเมื่อผู้ใช้คลิกที่ปุ่ม ให้เปิดแท็บ ทริกเกอร์ และเปิดใช้งานตัวเลือก เมื่อคลิก. Cliquez sur บันทึกและปิด.

สร้างหน้า/โพสต์ใหม่และแก้ไขด้วย Elementor (คุณยังสามารถแก้ไขหน้าที่มีอยู่ได้)

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

ค้นพบยัง: วิธีตั้งค่าขนาดที่กำหนดเองสำหรับไอคอนปุ่ม Elementor

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

คลิกไอคอนประแจบนสนาม ป๊อปอัพ และเลือกป๊อปอัปที่คุณเพิ่งสร้างขึ้น พิมพ์ชื่อป๊อปอัปเพื่อค้นหาป๊อปอัปของคุณ

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

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

สรุป

ด้วย Elementor Pro คุณไม่จำเป็นต้องติดตั้งปลั๊กอินป๊อปอัปอีกต่อไป เนื่องจากคุณสมบัติที่นำเสนอโดย Elementor Pro มีตัวสร้างป๊อปอัป

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

เนื่องจากป๊อปอัปถูกสร้างขึ้นด้วยตัวแก้ไขของ Elementor คุณสามารถเพิ่มวิดเจ็ตใด ๆ ลงในป๊อปอัปของคุณได้ ด้วย Popup Builder ของ Elementor คุณสามารถสร้างเมนูเว็บไซต์ที่สร้างสรรค์ได้ดังตัวอย่างด้านล่าง:

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

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

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

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

...