สร้าง Popup บน WordPress ง่ายๆ ด้วย ปลั๊กอิน Popup Builder

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

ตัวอย่าง Popup Builder ที่น่าสนใจ

Popup Builder
Popup Builder Plugin
ตัวอย่าง Popup

ข้อดี

1. มีทั้งตัวฟรี และ ตัว Pro ให้เลือกใช้งาน

2. ใช้งานง่าย เข้าใจได้ง่าย ไม่ซับซ้อน

3. ทำได้หลากหลาย ลูกเล่นเยอะ

4. รองรับรูปแบบการทำ Popup ได้มากมาย เช่น รูป, HTML, อื่นๆ

5. ปลอดภัย เนื่องจากมีการพัฒนาไปควบคู่กับ WordPress

6. มี Support ให้สอบถามได้ตลอด กรณีใช้ตัวโปร

ข้อเสีย

1. จำกัดฟังก์ชั่นการทำงาน สำหรับเวอร์ชั่นฟรี

การใช้งาน

  1. ดาวน์โหลดปลั๊กอินและทำการติดตั้งปลั๊กอิน
  2. เริ่มต้นใช้งานปลั๊กอิน
  3. ฟังก์ชั่นต่างๆ ของปลั๊กอิน
วิธีติดตั้ง Popup Builder
ดาวน์โหลดปลั๊กอินกันก่อน
ค้นหาปลั๊กอิน Popup Builder
ค้นหาปลั๊กอินที่ต้องการ
ติดตั้ง Popup Builder
ติดตั้งปลั๊กอิน
ใช้งาน Popup Builder
Activate เพื่อใช้งานปลั๊กอินตัวนี้

เคล็ดลับในการเลือกปลั๊กอิน WordPress

  • เคล็ดลับในการเลือกปลั๊กอิน ว่าควรจะติดตั้งลงบนเว็บไซต์หรือไม่
  1. เลือกปลั๊กอินที่ยังมีการอัพเดทอย่างสม่ำเสมอไม่ต่ำกว่า 6 เดือน
  2. มีการใช้งาน หรือ การติดตั้งจำนวนที่ค่อนข้างสูง
  3. ได้รับเรทติ้งที่ดี และ มี Comment ที่ดี
  4. รองรับการทำงานกับ WordPress เวอร์ชั่นของเราที่ติดตั้ง
  5. เช็คว่ามีเว็บไซต์ หรือ พัฒนาโดยบริษัท หรือ ทีมงานที่ไหน อย่างไร

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

วิธีเลือกใช้งานปลั๊กอิน
หน้า Popup Builder หลังจากติดตั้ง
หน้าตาปลั๊กอิน หลังจากติดตั้งเรียบร้อย ( พร้อมเริ่มใช้งาน )
สร้างป๊อปอัพใหม่
เริ่มต้นสร้าง Popup
  • เริ่มจากการกด Add News เพื่อสร้างป๊อปอัพใหม่ขึ้น
รูปแบบในการสร้าง Popup
มีรูปแบบให้เลือกดังนี้

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

  1. แบบ Image รูปภาพ
  2. HTML ไว้สำหรับใส่ Code HTML5 หรือ เวอร์ชั่นที่ต่ำกว่า
  3. Facebook สร้าง Popup เพื่อลิงค์ไปยัง Facebook ของเราเอง
  4. สร้าง Subscription ให้เป็นรูปแบบป๊อปอัพ

โดยในตัวอย่างนี้เราจะเลือกเป็น Image

Image Popup
เลือกอย่างใดอย่างหนึ่ง
ใส่ชื่อ Popup
ใส่ชื่อ Popup

Title Popup สามารถตั้งชื่ออะไรก็ได้ เพื่อให้ง่ายต่อการจดจำ เช่น ( แนะนำว่า ตั้งชื่อให้สอดคล้องกับเรื่องที่จะทำ เช่น จะทำป๊อปอัพเพื่อโปรโมท โดยให้ส่วนลด 30% ของการสั่งซื้อ 1 ครั้ง ก็อาจจะใช้ชื่อว่า : Name of Product discount 30 )

คลิ๊กเพื่อใส่รูป Popup

Image Settings

ใส่รูปตรงช่องสีแดง โดยคลิ๊ก 1 ครั้ง จากนั้นจะให้เลือกรูปจาก Media หรือ Upload จากคอมก็ได้

Display Rules

Display Rules

กำหนดการสร้างของ Popup ว่าจะให้โชว์ที่ตรงไหนบ้าง หน้าไหน หรือ Post ไหน อย่างไร ซึ่งสามารถกำหนดได้เลย

Events Menu Popup Builder

Events

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

Conditions

กำหนด Geo Targeting คือ การกำหนดให้ป๊อปอัพขึ้นโชว์หรือไม่นั้น โดยดูจากตำแหน่งของคนที่เข้าว่ามาจากประเทศไหน เมืองอะไร หากไม่ตรงตามที่กำหนด Popup ก็จะไม่แสดงขึ้นมาให้เห็นนั่นเอง

Behavior After Special Events

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

เมนู Design ปลั๊กอิน Popup Builder

Design

  • Themes: รูปแบบ Popup มีตั้งแต่ พื้นหลังสีดำ สีขาว คลุมทึบ สีเทา โดยสามารถเลือกได้ตาม
  • Change Color: เป็นการเปลี่ยนสีพื้นหลัง
  • Opacity: ปริมาณความทึบของแสง ว่าจะให้ทึบมากหรือน้อย
  • Show background โชว์พื้นหลัง
เมนู Closing ปลั๊กอิน Popup Builder

Closing เมนูในการปิดป๊อปอัพ

  • Dismiss on “esc” Key: = ปิด Popup ที่แสดง โดยสามารถกดปุ่ม ESC บนคอมพิวเตอร์ได้
  • Show “Close” botton = ให้มีการโชว์ปุ่ม Close บน Popup
  • Botton delay ความเร็วในการแสดงผลของปุ่ม Close
  • Botton position: ตำแหน่งของปุ่ม Close บนป๊อปอัพ
เมนู Dimensions ของ ปลั๊กอิน Popup Builder

Dimensions

ขนาดในการแสดงผลของป๊อปอัพ คำนวณจากขนาดรูปจริง

  • Responsive mode รองรับการแสดงผลบนอุปกรณ์ทุกชนิดแบบอัตโนมัติ
  • Size ขนาดของรูป
  • Custom mode: ปรับแต่งด้วยตัวเอง
  • Max width: ความกว้างของป๊อปอัพสูงสุด ( ใส่เป็นตัวเลข หรือ % หรือ ตัวเลขpx )
  • Max height: ความยาวของ Popup สูงสุด
  • Min width = ความกว้างป๊อปอัพต่ำสุด
  • Min height = ความยาวขง Popup ต่ำสุด

การใช้งานฟังก์ชั่นขั้นสูง

เมนู Advanced ของ Popup Builder

Advanced เมนูปรับแต่งขั้นสูง

  • Action on popup content click ให้มีการตอบสนองเมื่อมีการคลิ๊กตรง Popup
  • Popup showing limition ตั้งค่าว่าจะโชว์ Popup กี่ครั้ง
  • Popup opening animation / closing เปิด / ปิด Animation ป๊อปอัพ
  • Location ตำหน่งที่ต้องการให้แสดง Popup มีทั้งหมด 9 ตำแหน่ง
  • Disable Page scrolling ปิดการ Scrolling Page
  • Enable content scrolling เปิดใช้งานเวลา Scroll แล้ว Content ก็จะเลื่อนตามไป

Floating Button ฟังก์ชั่นโชว์ปุ่มในส่วนด้านล่างของจอ ( ดูตัวอย่างได้ที่รูปด้านบน )

  • Enable เปิดใช้งานฟังก์ชั่นนี้ หรือ จะปิดก็ได้
  • Style มี 2 รูปแบบ ขึ้นอยู่กับความชอบ
  • Position ตำแหน่งของปุ่ม ว่าต้องการให้อยู่ตรงไหนของจอ เวลาที่เปิดหน้าเว็บไซต์
  • Font Size ขนาดของตัวอักษรบนปุ่ม
  • Background color สีพื้นหลังของปุ่ม
  • Text color: สีตัวอักษร
  • Text: ข้อความ
Statistics

Statistics ตัวนับสถิติ มีการโชว์ Popup ไปแล้วทั้งหมดกี่ครั้ง หรือการมองเห็นป๊อปอัพ

  • Disable popup counting ถ้ากดเปิด On จะเป็นการปิดฟังก์ชั่นนี้ คือไม่ให้มีการนับจำนวนวิว นั่นเอง

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

สำหรับคนที่สนใจตัวโปร

สามารถซื้อปลั๊กอินหรือสนับสนุนคนพัฒนาได้ที่นี่

หวังว่าบทความนี้จะมีประโยชน์กับทุกคน

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

คอร์สเรียน WordPress

สอนทำเว็บ E-Commerce เว็บขายของออนไลน์ เว็บประชาสัมพันธ์ เว็บบริษัท ด้วย WordPress ครบ จบ ในที่เดียว

เรียนรู้การปรับแต่งประสิทธิภาพให้กับเว็บไซต์

สนใจติดต่อได้ที่ Line ID: ppeakiy

Leave a Reply

Your email address will not be published.