ติดตั้ง Popup Plugin บน WordPress เพื่อเพิ่ม Subscriber

Popup บน WordPress คืออะไร และทำไมถึงสำคัญ?

Popup คือกล่องข้อความหรือฟอร์มที่โผล่ขึ้นมาบนหน้าเว็บไซต์เมื่อผู้เยี่ยมชมทำกิจกรรมบางอย่าง เช่น เข้าหน้าเว็บ, เลื่อน scroll ถึงจุดหนึ่ง, หรือกำลังจะออกจากหน้า (Exit Intent) Popup ที่ออกแบบดีสามารถเพิ่ม Conversion Rate ได้อย่างมีนัยสำคัญ เช่น เพิ่มผู้สมัครรับ Email Newsletter, แจ้งโปรโมชั่นพิเศษ, หรือดึงให้ผู้ใช้กลับมาก่อนออกจากเว็บ

สำหรับมือใหม่ที่ใช้ WordPress บน Shared Hosting ไม่จำเป็นต้องเขียนโค้ดหรือจ้างโปรแกรมเมอร์ เพราะมี Plugin ฟรีที่ใช้งานง่ายมากให้เลือกใช้มากมาย

เลือก Plugin Popup ที่เหมาะสมสำหรับมือใหม่

Plugin Popup ยอดนิยมที่แนะนำสำหรับมือใหม่มีหลายตัว แต่ละตัวมีจุดเด่นต่างกัน:

• Popup Builder by Sygnoos — ใช้งานง่ายมาก มี Drag & Drop Editor, รองรับ Animation หลายแบบ, ฟรี
• Sumo (Sumo List Builder) — เน้นเก็บ Email, มี Heat Map ในตัว, เชื่อมต่อ Mailchimp ได้ง่าย
• WP Popups — เบา ไม่กระทบ Performance มาก, Shortcode-based
• Hustle by WPMU DEV — ฟรีทำได้ถึง 3 Popup, มีหน้าต่าง Slide-in ด้วย

บทความนี้จะแนะนำการใช้ Popup Builder by Sygnoos ซึ่งเป็นที่นิยมที่สุดในกลุ่มมือใหม่ มีผู้ใช้งานมากกว่า 300,000 เว็บไซต์

ติดตั้ง Popup Builder Plugin ทีละขั้นตอน

ทำได้ง่ายๆ จาก WordPress Admin Dashboard โดยไม่ต้องแตะ cPanel เลย:

1. เข้า WordPress Admin → คลิก Plugins → Add New Plugin
2. ช่องค้นหา พิมพ์ Popup Builder
3. หา Plugin ชื่อ "Popup Builder – Free & Premium WordPress Popup Plugin" โดย Sygnoos
4. คลิก Install Now → รอสักครู่ → คลิก Activate
5. เมนูซ้ายมือจะมี Popup Builder ปรากฏขึ้น

สร้าง Popup แรกด้วย Popup Builder

เมื่อ Activate แล้ว สร้าง Popup ได้ทันที:

1. คลิก Popup Builder ในเมนูซ้าย → Add New Popup
2. เลือกประเภท Popup:
   • HTML Popup — ใส่ข้อความ, รูปภาพ, HTML ได้อิสระ
   • Image Popup — แสดงรูปภาพหรือแบนเนอร์โปรโมชั่น
   • Subscription Popup — ฟอร์มเก็บ Email โดยเฉพาะ
   • Video Popup — เปิดคลิปวิดีโอใน Popup
3. เลือก HTML Popup แล้วคลิก Select
4. ตั้งชื่อ Popup เช่น "Welcome Offer"
5. พิมพ์เนื้อหาใน Editor หรือวาง HTML ที่ต้องการ
6. คลิก Publish

ตั้งค่า Trigger — เมื่อไหร่ให้ Popup โผล่

หัวใจของ Popup คือการตั้งเงื่อนไขให้แสดงผลถูกเวลา ใน Popup Builder ไปที่แท็บ Events (หรือ Trigger) แล้วตั้งค่า:

• On Load — โผล่ทันทีเมื่อโหลดหน้าเสร็จ ตั้ง Delay ได้ เช่น 3 วินาที
• On Scroll — โผล่เมื่อ scroll ลงไปกี่ % ของหน้า เช่น 50%
• On Exit Intent — โผล่เมื่อ cursor วิ่งไปที่ด้านบนสุด (กำลังจะปิด Tab)
• On Click — โผล่เมื่อคลิกปุ่มหรือ Element ที่กำหนด
• After Inactivity — โผล่เมื่อผู้ใช้ไม่ขยับเมาส์นาน X วินาที

ตั้งค่า Display Conditions — ให้โผล่แค่บางหน้า

ไม่ควรให้ Popup โผล่ทุกหน้า เพราะจะรบกวน UX แท็บ Display ใน Popup Builder ให้ตั้งค่าได้:

• All Pages — โผล่ทุกหน้า (ไม่แนะนำ)
• Homepage Only — โผล่เฉพาะหน้าแรก
• Specific Pages/Posts — กำหนดเป็นหน้าๆ ไป
• Frequency — โผล่ครั้งเดียวต่อ Session หรือทุก X วัน

ตัวเลือก Frequency สำคัญมาก ตั้งเป็น "Once per session" หรือ "Once per day" เพื่อไม่ให้ผู้ใช้รู้สึกรำคาญเมื่อกลับมาเยี่ยมชมซ้ำ

เชื่อมต่อ Popup กับ Email Marketing (Mailchimp)

Popup Builder รองรับการเชื่อมต่อกับ Email Marketing Service เพื่อเก็บ Email ผู้สมัครโดยอัตโนมัติ:

1. ใน Popup Builder → ไปที่ Integrations หรือ Subscribers
2. เลือก Mailchimp (หรือ MailerLite, ActiveCampaign)
3. ใส่ API Key จาก Mailchimp Account → Account → Extras → API Keys
4. เลือก List/Audience ที่จะรับ Subscriber
5. บันทึก และทดสอบกรอกฟอร์มดู

ตรวจสอบว่า Popup ทำงานถูกต้อง

หลังสร้าง Popup แล้วต้องทดสอบให้แน่ใจว่าแสดงผลถูกต้องบนทุก Device:

# วิธีทดสอบ Popup แบบง่าย (ไม่ต้องใช้ Command Line)
1. เปิด Browser Mode Incognito (Ctrl+Shift+N หรือ Cmd+Shift+N)
   → Popup จะโผล่เหมือน First-time Visitor ไม่มี Cookie เก่า

2. ใช้ Chrome DevTools ตรวจ Console:
   → กด F12 → แท็บ Console → รีโหลดหน้า
   → ไม่ควรมี Error แดงที่เกี่ยวกับ popup

3. ทดสอบ Mobile Responsiveness:
   → DevTools → Toggle Device Toolbar (Ctrl+Shift+M)
   → เลือก iPhone หรือ Android ดูว่า Popup แสดงผลถูกต้อง

4. ตรวจ Popup Statistics ใน Dashboard:
   → Popup Builder → เลือก Popup → Statistics
   → ดู Views, Clicks, Conversion Rate

แก้ปัญหาที่พบบ่อย

Error: "Popup ไม่โผล่เลย แม้จะ Publish แล้ว"

ตรวจสอบว่า Popup อยู่สถานะ Active (ไม่ใช่แค่ Published) ใน Popup Builder → เลือก Popup → ดูว่า Toggle Active เป็นสีเขียวหรือไม่ และตรวจ Display Conditions ว่าตั้งให้โผล่บนหน้านั้นๆ ด้วย

Error: "Popup โผล่ซ้อนกัน หรือโผล่ผิดตำแหน่ง"

เกิดจาก CSS Conflict กับ Theme หรือ Plugin อื่น ลองปิด Plugin อื่นทีละตัว หรือสลับไปใช้ Theme Default (Twenty Twenty-Four) ชั่วคราวเพื่อ Debug ถ้าหาย แสดงว่า Theme เป็นตัวปัญหา แจ้ง Theme Developer ขอ CSS Fix

Error: "ฟอร์มกรอก Email แล้ว Submit ไม่ได้ — หน้าค้าง"

มักเกิดจาก reCAPTCHA หรือ Nonce ขัดแย้งกับ Cache Plugin ให้ไปที่ Cache Plugin (เช่น W3 Total Cache หรือ WP Rocket) แล้ว Exclude URL ของหน้าที่มี Popup ออกจาก Cache หรือ Enable "Cache Bypass for Form Pages"

Error: "Popup แสดงผลช้ามากบน Mobile"

ลด Image Size ใน Popup ให้ไม่เกิน 100KB ใช้ Format WebP แทน PNG/JPG และปิด Animation หรือใช้ Animation แบบ Simple เช่น Fade แทน Bounce/Zoom ที่กิน Resources มากกว่า

Error: "Popup ขึ้น Google Search Console ว่า Intrusive Interstitial"

Google จะ Penalize Popup ที่บัง Content หน้าทั้งหมดบน Mobile แก้ได้โดยตั้งให้ Popup โผล่เฉพาะ Desktop หรือตั้ง Delay 5+ วินาที และ Popup ต้องปิดได้ง่ายมีปุ่ม X ชัดเจน

คำถามที่พบบ่อย (FAQ)

Q: Popup Builder ฟรีทำได้กี่ Popup?

เวอร์ชันฟรีไม่จำกัดจำนวน Popup แต่จำกัดบาง Trigger เช่น Exit Intent และ Advanced Analytics ถ้าต้องการฟีเจอร์ครบครันต้องอัปเกรดเป็น Pro ราคาเริ่มต้นประมาณ $49/ปี

Q: Popup จะทำให้เว็บช้าลงไหม?

Popup Builder โหลด Script เฉพาะหน้าที่มี Popup เท่านั้น ถ้าตั้งค่าถูกต้องผลกระทบต่อ Speed Score น้อยมาก แต่ถ้าใส่รูปใหญ่หรือ Animation หนักๆ ก็อาจส่งผลต่อ Core Web Vitals ได้ แนะนำให้ Optimize รูปใน Popup ก่อนเสมอ

Q: ใช้ Popup เก็บ Email ผิดกฎหมาย PDPA ไหม?

ไม่ผิด ถ้าทำถูกวิธี ต้องมีข้อความแจ้งวัตถุประสงค์การเก็บข้อมูลชัดเจน มีลิงก์ Privacy Policy และ Checkbox ยืนยันการยินยอมก่อนกด Submit สามารถเพิ่ม Checkbox ใน Popup Builder เวอร์ชัน Pro หรือใช้ Plugin PDPA เสริมได้