สร้าง Popup Box สวยๆ สไตล์ตัวเองได้ด้วย ปลั๊กอิน Popup Box (ฟรี)

มาสร้าง Popup แบบเท่ๆ ด้วยตัวเองกันได้แล้ว ด้วยเครื่องมือที่ใช้งานง่าย นั่นคือ Popup Box ซึ่งเป็นหนึ่งในปลั๊กอิน WordPress ที่มีให้ใช้งานและดาวน์โหลดได้ฟรี อีกทั้งยังรองรับการแสดงผลกับทุกอุปกรณ์อีกด้วย (Responsive Design)

Popup Box
ปลั๊กอิน Popup Box

Popup Box คืออะไร?

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

โอเค! ถ้าพร้อมแล้ว ก็ไปเริ่มกันเลย กับ มหากาพย์รีวิวปลั๊กอิน !

ฟังก์ชันที่มีในปลั๊กอิน

  • สามารถสร้างป๊อปอัพไม่จำกัด
  • ดูตัวอย่างได้ หลังจากที่สร้าง Popup เสร็จ
  • มีรูปแบบหลากหลายสไตล์ให้เลือก
  • ฟังก์ชันการเปิดป๊อปอัพแบบมีดีเลย์ แสดงป๊อปอัพด้วยการคลิ๊ก, แสดง Popup เมื่อเล่นเมาส์
  • รองรับการใส่ Shortcode
  • ตั้งค่าการโชว์ Popup ได้ โดยกำหนดเป็นเพจ โพสต์ เฉพาะเจาะจง
  • มีโหมดทดลองให้ใช้งานก่อน
  • สามารถกำหนดให้ผู้ใช้งานบางคนเห็น Popup ได้
  • ไม่มีการใช้ jQuery
  • ไม่มีระบบ Cookie ติดตาม ซึ่งผู้ใช้งานจะไม่โดนติดตามนั่นเอง

ปลั๊กอินตัวนี้ยังมีเวอร์ชั่น PRO ด้วยนะ

ใช้งานร่วมกับปลั๊กอินอื่นๆ เพื่อผลลัพธ์ที่มีประสิทธิภาพสูงสุด

วิธีการติดตั้ง

  1. วิธีที่ 1 ในการดาวน์โหลด และติดตั้ง — ค้นหาและติดตั้ง  Add new section of your wp-admin
  2. วิธีที่ 2 ในการดาวน์โหลด และติดตั้ง — ดาวน์โหลด Zip file จากนั้นอัพโหลดปลั๊กอินด้วย Filezilla ไปยัง folder to the plugins directory /wp-content/plugins/
  3. ทำการ Activate ปลั๊กอิน
  4. ไปที่ Popup Box section ซึ่งจะอยู่บริเวณเมนูซ้ายมือของ WordPress เพื่อเริ่มการสร้างป๊อปอัพใหม่

วิธีการใช้งาน

  1. เริ่มจากเข้าไปสร้าง popup กันก่อน โดย กด Add New
Popup Box plugin
หน้าปลั๊กอิน

2. ใส่ Title เพื่อกำหนดชื่อของป๊อปอัพ

Live Preview on Popup Box
หน้าแสดงข้อมูลรูปแบบ Plugin ที่ใช้งานจริง
  • Register anitem name = คือการใส่ชื่อให้กับป๊อปอัพ
  • Live Preview แสดงผล Popup แบบ Real time
  • Popup Content ใช้ในการใส่รูปแบบของ Popup เช่น การใส่ข้อความ รูปภาพ หรือ แม้แต่ Shortcodes ก็สามารถทำได้

3. หน้าปรับสไตล์ให้กับป๊อปอัพของเรา

ปลั๊กอิน Popup Box

หัวข้อ Popup มีอะไรให้ปรับแต่งบ้าง? ไปลองดูกัน

ฟังก์ชัน Style ของ Popup Box
  • Modal Width ขนาดความกว้างของ Popup
  • Modal Height ขนาดความยาวของ Popup
  • Location ตำแหน่งของป๊อปอัพ เช่น ตรงกลาง, ตรงกลางล่าง, ซ้ายบน, ซ้ายล่าง, ขวาบน, ขวาล่าง
  • Animation เพิ่ม Effect ให้กับ Popup
  • Radius ทำให้มุมโค้งจากปกติ
  • Padding เพิ่มพิ้นที่ให้มีพื้นที่ทางใดทางหนึ่งมากขึ้น
  • Shadow ทำให้มีเงาเกิดขึ้น
  • Shadow Color ปรับเปลี่ยนสีของเงาเป็นสีที่ชื่นชอบได้
  • Background พื้นหลัง Popup
  • Background Image พื้นหลังที่เป็นรูปภาพ โดยถ้าติ๊กถูก ก็จะมีให้เราสามารถเลือกรูปได้ต่อไป
Overlay Options
  • Overlay พื้นด้านหลัง สามารถกำหนดสีได้
  • Animation เพิ่ม Effect ให้ Overlay
Content Style
  • Font Family สามารถปรับเปลี่ยน Font ได้หลากหลาย ตามความชอบ
  • Main Font Size ปรับขนาดของฟอนต์
  • Padding เพิ่มพื้นที่ให้กับ ตัวอักษร
  • Border Style รูปแบบกรอบของข้อความ
Close Button
  • Close button ปรับรูปแบบ ปุ่มปิดป๊อปอัพ
  • Size ขนาดของปุ่มปิดป๊อปอัพ
  • Text ข้อความปุ่มปิด
  • Location ตำแหน่งของปุ่มที่ใช้ปิด Popup
  • Place ต้องการให้อยู่ตรงไหน ด้านใน Popup หรือ ด้านนอก
  • Color สีของปุ่ม
  • Background สีของพื้นหลังปุ่ม
mobile devices
Mobile Devices
  • Show on Mobile ต้องการให้โชว์บนโทรศัพท์มือถือไหม ถ้าโชว์ต้องการให้มีขนาดเท่าไหร่ ( ติ๊กถูกเพื่อโชว์ )
  • Width = ขนาดที่แสดงบนโทรศัพท์มือถือ

4. ส่วนของ Settings เพื่อตั้งค่า Popup ให้ใช้งานได้ดียิ่งขึ้น

  • Delay time จะให้มีการโชว์ Popup ล่าช้ากี่วินาที
  • Triggers โชว์ Popup เมื่อ คลิ๊ก, เลื่อนเมาส์ หรือ Auto
  • Show on once ต้องการให้โชว์แค่ 1 ครั้งเท่านั้น
หัวข้อ Closing Popup
  • Overlay = ปิด Popup หลังจาก Overlay
  • Esc = กดเลือก ที่จะใช้รูปแบบกดปุ่ม ESC บนแป้นพิมพ์ เพื่อปิดป๊อปอัพที่แสดงบนเว็บไซต์

5. Display Rules ใช้สำหรับตั้งค่าในการแสดงบน Popup

แสดงผลป๊อปอัพ ตามเงื่อนไขที่ตั้งได้ที่เมนูนี้
  • Display on: ตั้งค่าว่าจะให้โชว์ป๊อปอัพหน้าไหน อย่างไรบ้าง ตรงไหนที่ไม่ต้องการให้แสดง
  • Other Settings: ฟังก์ชั่น Test mode คือโหมดทดลองที่ไม่ได้ทำจริง เป็นเพียงการทดลองโดยจะแสดงเฉพาะ Admin ที่ Login เท่านั้น ส่วนผู้ใช้จะไม่เห็น Popup หากเปิดใช้งานฟังก์ชันนี้

หวังว่าจะเป็นประโยชน์สำหรับคนที่กำลังหาปลั๊กอินแนวนี้อยู่นะครับ

จะมีปลั๊กอินอะไรดีๆ มาแนะนำอีกในบทความต่อไป ติดตามได้ที่นี่ MYWP

Leave a Reply

Your email address will not be published.