วิธีสร้างป๊อปอัปแบบเต็มหน้าจอสำหรับไซต์ WordPress ของคุณ

เผยแพร่แล้ว: 2022-08-17

กำลังมองหาวิธีสร้างป๊อปอัปแบบเต็มหน้าจอสำหรับไซต์ WordPress ของคุณหรือไม่?

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

แต่การต้องเขียนโค้ดตั้งแต่เริ่มต้นเป็นความเจ็บปวดอย่างแท้จริง ประการหนึ่ง คุณต้องรู้ HTML, CSS และ Javascript มากเพียงพอเพื่อสร้างป๊อปอัปพร้อมกับกฎทริกเกอร์สำหรับเวลาที่จะแสดง จากนั้น คุณจะต้องสร้างการรวมด้วยตนเองกับผู้ให้บริการอีเมลของคุณ และสุดท้าย คุณต้องจัดการกับปัญหาความเป็นส่วนตัวและความปลอดภัย

ข่าวดี: มีวิธีที่ง่ายกว่ามาก

ในบทความนี้ เราจะแสดงวิธีเปิดป๊อปอัปแบบเต็มหน้าจอใน WordPress โดยไม่ต้องเขียนโค้ดภายใน 10 นาที

มาดำน้ำกันเถอะ

ป๊อปอัปแบบเต็มหน้าจอใน WordPress คืออะไร?

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

นี่คือตัวอย่าง:

ป๊อปอัปแบบเต็มหน้าจอ WordPress

คุณสามารถใช้ป๊อปอัปแบบเต็มหน้าจอเพื่อ:

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

และอื่น ๆ. คุณยังสามารถสร้างแบบฟอร์มการติดต่อแบบป๊อปอัปได้ ป๊อปอัปมีความยืดหยุ่นสูง และตราบใดที่คุณมีความคิดสร้างสรรค์ คุณก็สามารถตั้งค่าป๊อปอัปที่มีการแปลงค่าสูงได้อย่างง่ายดาย

วิธีสร้างป๊อปอัปแบบเต็มหน้าจอใน WordPress

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

บ้าน OptinMonster

Jared Ritchey เป็นชุดเครื่องมือการแปลงอันดับ 1 ของโลกและเราใช้มันเอง OptinMonster ทำให้การสร้างป๊อปอัปทรงพลังที่แปลงเป็นเรื่องง่ายสุด ๆ และคุณจะไม่ต้องใช้การเข้ารหัสใดๆ เลย

เรายังเขียนรีวิวฉบับสมบูรณ์ของ OptinMonster

คุณสามารถตรวจสอบหรือเริ่มต้นแคมเปญของคุณได้ทันที สิ่งที่คุณต้องทำคือลงชื่อสมัครใช้ Jared Ritchey และปฏิบัติตามส่วนที่เหลือของบทความนี้

ขั้นตอนที่ #1: สร้างแคมเปญ

ตรงไปที่แดชบอร์ด OptinMonster ของคุณและกดปุ่ม สร้าง :

สร้างแคมเปญป๊อปอัปใหม่

เลือกตัวเลือก เทมเพลต เพื่อเริ่มสร้าง optin โดยใช้เทมเพลตที่ออกแบบไว้ล่วงหน้า:

สร้างแคมเปญ OptinMonster ใหม่

เลือกโหมด เต็มหน้าจอ เพื่อเริ่มต้นใช้งานเทมเพลตป๊อปอัปแบบเต็มหน้าจอ:

เลือกประเภทแคมเปญเต็มหน้าจอ

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

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

นอกจากนี้คุณยังสามารถใช้ Jared Ritchey กับไซต์ต่างๆ ได้อีกด้วย ทั้งนี้ขึ้นอยู่กับแผนของคุณ ดังนั้น เลือกเว็บไซต์ที่คุณต้องการแสดงแคมเปญของคุณด้วย

สร้างเอกลักษณ์ของแคมเปญ

กด เริ่มสร้าง เมื่อคุณทำเสร็จแล้ว

ขั้นตอนที่ #2: แก้ไขป๊อปอัปของคุณ

ด้วย Jared Ritchey คุณจะได้รับเครื่องมือสร้างป๊อปอัปแบบลากและวาง เมื่อคุณสร้างแคมเปญเสร็จแล้ว คุณจะสามารถแก้ไขรายละเอียดที่เล็กน้อยที่สุดเกี่ยวกับป๊อปอัปของคุณได้ เริ่มต้นด้วยการแก้ไขพาดหัวป๊อปอัปของคุณ:

แก้ไขป๊อปอัป OptinMonster เต็มหน้าจอ

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

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

ขั้นตอนที่ #3: ตั้งค่ากฎการแสดงป๊อปอัปแบบเต็มหน้าจอ

กฎการแสดงผลมีขึ้นเพื่อกำหนดว่าเมื่อใดที่แคมเปญของคุณจะปรากฏบนไซต์ของคุณและใครที่มองเห็น

กฎการแสดงป๊อปอัป

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

ป๊อปอัปไลท์บ็อกซ์ที่ตั้งใจออก

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

การตั้งค่าการดำเนินการของแคมเปญ

จากนั้นคลิกปุ่ม ขั้นตอนถัดไป คุณสามารถดูการตั้งค่าทั้งหมดของคุณได้ในแท็บสรุป

ขั้นตอนที่ #4: ตั้งค่าการรวมอีเมลของคุณ

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

การรวม OptinMonster

เราขอแนะนำให้ใช้ Drip สำหรับการตลาดผ่านอีเมลของคุณ หากคุณยังไม่มีผู้ให้บริการอีเมล

ขั้นตอนที่ #5: เผยแพร่ป๊อปอัปแบบเต็มหน้าจอของคุณใน WordPress

เมื่อคุณสร้างแคมเปญใหม่ แคมเปญจะถูก หยุดชั่วคราว โดยค่าเริ่มต้น

ไปที่แท็บ เผยแพร่ จากเมนูด้านบนเพื่อดู ตัวเลือกการเผยแพร่ จากนั้นตั้งค่าสถานะเป็น เผยแพร่ และเลือกแพลตฟอร์มเว็บไซต์:

เผยแพร่แคมเปญ OptinMonster

หากคุณกำลังใช้งานไซต์ WordPress ปลั๊กอิน OptinMonster จะจัดการการตั้งค่าที่เหลือโดยอัตโนมัติ มันเหมือนกันสำหรับ Shopify และ BigCommerce สำหรับไซต์อื่นๆ ให้คลิกที่ ไซต์ใดๆ แล้ววางโค้ดสำหรับฝังลงในส่วนหัวของเว็บไซต์ของคุณ:

Global Embed

และคุณทำเสร็จแล้ว!

จะทำอย่างไรหลังจากสร้างป๊อปอัปแบบเต็มหน้าจอใน WordPress

นั่นคือทั้งหมดสำหรับสิ่งนี้ คน!

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

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

ไม่มั่นใจ? ตรวจสอบแหล่งข้อมูลเหล่านี้:

  • 7 กลยุทธ์อันชาญฉลาดเพื่อเพิ่มการมีส่วนร่วมของลูกค้า
  • การแจ้งเตือนแบบพุชมีผลหรือไม่ 7 สถิติ + 3 คำแนะนำจากผู้เชี่ยวชาญ
  • วิธีตั้งค่าการแจ้งเตือนแบบพุชของรถเข็นที่ถูกละทิ้ง (บทช่วยสอนอย่างง่าย)

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