วิธีสร้างป๊อปอัปที่น่าสนใจในไซต์ WordPress ของคุณ
เผยแพร่แล้ว: 2022-02-25คุณนึกถึงอะไรเมื่อนึกถึงป๊อปอัป น่ารำคาญใช่มั้ย ไม่ คุณจะต้องคิดต่างไปจากนี้ในฐานะผู้เชี่ยวชาญด้านเว็บ เนื่องจากแนวคิดของป๊อปอัปเปลี่ยนไปอย่างมากในช่วงไม่กี่ปีที่ผ่านมา
การใช้ป๊อปอัปเป็นวิธีที่สำคัญในการเพิ่มอัตราการแปลง ตามสถิติล่าสุดของ OptiMonk อัตราการแปลงเฉลี่ยสำหรับป๊อปอัปมากกว่า 11.1%
แล้วจะสร้างป๊อปอัปบน WordPress ได้อย่างไรและจะใช้งานอย่างไรให้มีประสิทธิภาพ? และสามารถทำได้ฟรีหรือไม่? ไม่ต้องกังวล เรามีคุณครอบคลุม
ในบทความนี้ เราจะแสดงสองวิธีในการสร้างป๊อปอัปบนเว็บไซต์ WordPress ของคุณ
วิธีที่ 1: การสร้างป๊อปอัปบนไซต์ WordPress ทั่วไปฟรี
วิธีที่ 2: การเพิ่มป๊อปอัปบนไซต์ WordPress ที่ใช้ Elementor
นอกจากนี้เรายังจะแจ้งให้คุณทราบถึงความแตกต่างระหว่างป๊อปอัปแบบธรรมดาและแบบโมดอล ประโยชน์ของการใช้ป๊อปอัป และแนวทางปฏิบัติที่ดีที่สุด
มาเริ่มกันเลย:
แบบธรรมดา vs แบบโมดอล: ป๊อปอัปใดให้เลือก
ป๊อปอัปมีประเภทและกรณีการใช้งานต่างกัน โดยทั่วไป ป๊อปอัปคืออินเทอร์เฟซผู้ใช้แบบกราฟิก (GUI) ซึ่งมักจะแสดงในหน้าต่างเล็ก ๆ ที่ปรากฏขึ้น (ปรากฏขึ้น) ในเบื้องหน้าของเว็บไซต์หรือแอป
ผู้คนใช้ป๊อปอัปที่เปิดอยู่นอกหน้าต่างปัจจุบันมาหลายปีแล้ว วิธีการทั่วไปในการใช้ป๊อปอัปนี้ไม่ได้ผล เพราะส่วนใหญ่แล้วป๊อปอัปประเภทนี้จะไม่สนใจผู้ใช้และน่ารำคาญจริงๆ
ในทางกลับกัน ป๊อปอัปโมดอล (หรือที่เรียกว่าหน้าต่างโมดอล) เป็นรูปแบบป๊อปอัปสมัยใหม่ที่เปิดขึ้นภายในหน้าหรือหน้าต่างปัจจุบัน ป๊อปอัป Modal มีประสิทธิภาพมากขึ้น เนื่องจากไม่พลาดสายตาของผู้ใช้ และโอกาสที่จะได้รับการโต้ตอบมีสูงอย่างเห็นได้ชัดที่นี่
บางทีคุณอาจได้สิ่งที่ควรเลือก – แน่นอนว่าป๊อปอัปที่เป็นกิริยาช่วย
ประโยชน์ของการใช้ป๊อปอัปสมัยใหม่
ป๊อปอัปมีประโยชน์กับคุณในหลายๆ ด้าน ตั้งแต่การแจ้งผู้ใช้ไปจนถึงการเพิ่มอัตราการแปลง หากคุณใช้ป๊อปอัปที่ทันสมัย (เช่น ป๊อปอัปโมดอล) และนำไปใช้อย่างชาญฉลาด
ตอนนี้ เราจะแจ้งให้คุณทราบถึงประโยชน์ของการใช้ป๊อปอัปสมัยใหม่โดยสังเขปในประเด็นต่อไปนี้:
- ดึงดูดความสนใจของผู้ใช้ได้เร็วกว่าโฆษณาแบนเนอร์ 50% – (Campaign Monitor)
- ให้วิธีที่เป็นประโยชน์ในการแสดงข้อความหรือการแจ้งเตือนที่สำคัญ
- เพิ่มการโต้ตอบกับผู้ใช้ เช่น อัตราการคลิกผ่านและอัตรา Conversion
- ให้คุณแสดงโฆษณาหรือโปรโมชั่นที่ผู้ใช้หลีกเลี่ยงไม่ได้
- ช่วยคุณเพิ่มยอดขาย การสมัครรับข้อมูล ปริมาณการใช้เว็บ และระยะเวลาเซสชัน
- ให้คุณรับข้อเสนอแนะจากผู้ใช้และรวบรวมข้อมูลของพวกเขา
- ขับเคลื่อนอัตราผลตอบแทนจากการลงทุน (ROI) ที่ยอดเยี่ยมเนื่องจากมีความคุ้มค่า
เราหวังว่าคุณจะเข้าใจถึงประโยชน์และความสำคัญของการใช้ป๊อปอัป เราจะพูดถึงแนวทางปฏิบัติที่ดีที่สุดสำหรับป๊อปอัปหลังจากแสดงวิธีสร้างป๊อปอัปด้วยตัวเอง
วิธีสร้างป๊อปอัปบน WordPress
คุณสามารถสร้างป๊อปอัปบนไซต์ WordPress ได้หลายวิธีฟรี วิธีที่ง่ายที่สุดเกี่ยวข้องกับการติดตั้งปลั๊กอิน เราจะแสดงให้คุณเห็นสองวิธีโดยเฉพาะ พวกเขาเป็น:
- การสร้างป๊อปอัปบนเว็บไซต์ WordPress ทั่วไปฟรี
- การเพิ่มป๊อปอัปบนไซต์ WordPress ที่ใช้ Elementor
ก่อนเริ่มต้น คุณต้องแน่ใจว่าคุณมีสิทธิ์การเข้าถึงระดับผู้ดูแลระบบในไซต์ที่จะสร้างป๊อปอัป คุณจะต้องเตรียมเนื้อหาของป๊อปอัปให้พร้อม
ตอนนี้ เราจะพูดถึงกระบวนการทั้งหมดโดยละเอียดด้วยภาพที่จำเป็น ดังนั้นจงอยู่กับเรา
วิธีที่ 1: การสร้างป๊อปอัปบนไซต์ WordPress ทั่วไปฟรี
คุณสามารถสร้างป๊อปอัปที่สวยงามและมีประโยชน์บนเว็บไซต์ WordPress ของคุณได้ฟรีโดยใช้ปลั๊กอิน คุณจะพบปลั๊กอินฟรีหลายตัวเพื่อให้งานของคุณสำเร็จลุล่วง เราได้เตรียมรายการปลั๊กอินยอดนิยมด้านล่างเพื่อช่วยให้คุณตัดสินใจได้อย่างรวดเร็ว มาลองดูกัน:
- เครื่องทำป๊อปอัป
- OptinMonster
- HubSpot
- ตัวสร้างป๊อปอัป
- เร่งรีบ
ปลั๊กอินแต่ละตัวนั้นดีและมีประโยชน์ในกรณีการใช้งานที่แตกต่างกัน เราจะสาธิตวิธีการนี้โดยใช้ “ Popup Maker ” เนื่องจากใช้งานได้หลากหลาย ใช้งานง่าย และเป็นที่นิยมอย่างมาก
ติดตั้งปลั๊กอิน: ขั้นแรก คุณต้องติดตั้งปลั๊กอิน "Popup Maker" บนเว็บไซต์ WordPress ของคุณ เป็นไปได้มากว่าคุณรู้วิธีติดตั้งปลั๊กอิน ไม่มีปัญหาถ้าคุณไม่ทำ เพียงอ่านบทความนี้และทำตามคำแนะนำ: วิธีติดตั้งปลั๊กอิน WordPress
สร้างป๊อปอัป: หลังจากติดตั้งและเปิดใช้งานปลั๊กอิน คุณจะต้องสร้าง ตั้งค่า และออกแบบป๊อปอัปจากเมนูของปลั๊กอิน ง่ายเหมือนการสร้างโพสต์บน WordPress เพียงทำตามขั้นตอนด้านล่าง:
- ไปที่เมนู “ Popup Maker ” จากแดชบอร์ดของคุณ
- คลิกปุ่ม “ สร้างป๊อปอัปใหม่ ”
ป้อนข้อมูลไปที่ป๊อปอัป: ตอนนี้ แผงแก้ไขป๊อปอัปของคุณจะเปิดขึ้น (ซึ่งจะมีลักษณะเหมือนภาพด้านล่าง) ที่นี่ คุณจะตั้งค่าและออกแบบป๊อปอัปของคุณโดยระบุอินพุตต่างๆ ทำตามขั้นตอนเหล่านี้:
- ตั้งชื่อป๊อปอัป (เป็นเพียง ID ที่ไม่สามารถมองเห็นได้)
- เขียนชื่อป๊อปอัป (เป็นส่วนส่วนหัวของป๊อปอัปของคุณ)
- เขียนและออกแบบข้อความที่คุณต้องการแสดงในป๊อปอัป
สำรวจการตั้งค่าป๊อปอัป: เกือบเสร็จแล้ว สิ่งที่คุณต้องทำตอนนี้คือตั้งค่าพื้นฐานบางอย่างของป๊อปอัปให้เสร็จ จากนั้นกดปุ่ม " เผยแพร่ " ปลั๊กอินนี้สามารถใช้การตั้งค่าต่อไปนี้ได้:
- ทริกเกอร์ (กำหนดเงื่อนไขว่าทำไมและเวลาที่ป๊อปอัปจะเปิดขึ้น)
- การกำหนดเป้าหมาย (ให้คุณกำหนดเป้าหมายกลุ่มผู้ใช้เฉพาะ)
- แสดง (กำหนดลักษณะที่ปรากฏของป๊อปอัป)
- ปิด (สร้างเงื่อนไขว่าป๊อปอัปจะปิดอย่างไรและเมื่อใด)
- ขั้นสูง (การตั้งค่าขั้นสูงบางอย่างสำหรับผู้ใช้ที่เชี่ยวชาญ)
ในขั้นต้น คุณไม่จำเป็นต้องกังวลเกี่ยวกับตัวเลือกการตั้งค่าทั้งหมด แค่ตั้งค่าทริกเกอร์และปรับแต่งในเมนู " แสดง " ก็เพียงพอแล้ว การทำงานกับเมนู " ปิด " เป็นทางเลือก
ตั้งค่าทริกเกอร์: การตั้งค่าทริกเกอร์มีความสำคัญมาก เนื่องจากป๊อปอัปของคุณจะไม่เปิดขึ้นจนกว่าคุณจะเพิ่มทริกเกอร์เข้าไป ทำตามขั้นตอนด้านล่างเพื่อเพิ่มทริกเกอร์:
- ไปที่เมนูการตั้งค่า “ทริกเกอร์”
- คลิกปุ่ม "เพิ่มทริกเกอร์ใหม่" จากนั้นแผงเล็ก ๆ จะเปิดขึ้น (เช่นภาพด้านล่าง)
- ที่นี่คุณจะต้องให้เงื่อนไขในการเปิดป๊อปอัป
เล่นกับการตั้งค่าการแสดงผล: ในส่วนนี้ คุณจะสามารถปรับแต่งตัวเลือกการแสดงผล ซึ่งรวมถึงขนาด แอนิเมชั่น และส่วนย่อยของป๊อปอัปของคุณ เพียงทำตามขั้นตอนเหล่านี้:
- ไปที่เมนูการตั้งค่า " แสดง " แท็บต่างๆ จะเปิดขึ้นทางด้านขวา
- คลิกแท็บที่คุณต้องการทำการเปลี่ยนแปลง
คุณทำเสร็จแล้ว ตอนนี้ให้กดปุ่ม " เผยแพร่ " ที่เรากล่าวถึงก่อนหน้านี้ เราได้สร้างป๊อปอัป (ภาพด้านล่าง) โดยทำตามขั้นตอนเหล่านี้ คุณจะสามารถสร้างสิ่งนี้ได้ ดียิ่งขึ้นถ้าคุณลอง
หากต้องการดูการทำงานของป๊อปอัป คุณต้องเปิดไซต์จากส่วนหน้าหลังจากเผยแพร่ คุณสามารถแก้ไขหรือแก้ไขป๊อปอัปจากแบ็กเอนด์ได้ทุกเมื่อที่ต้องการ
วิธีที่ 2: การเพิ่มป๊อปอัปบนไซต์ WordPress ที่ใช้ Elementor
หากไซต์ WordPress ของคุณสร้างขึ้นบน Elementor คุณจะสามารถสร้างป๊อปอัปที่สวยงามและใช้งานง่ายโดยใช้ปลั๊กอิน HappyAddons ซึ่งเป็นส่วนเสริม Elementor ที่มีประสิทธิภาพ มันมีวิดเจ็ตที่มีประโยชน์ที่เรียกว่า “Modal Popup” ซึ่งจะทำให้งานของคุณทำได้อย่างง่ายดายมาก
ติดตั้ง HappyAddons: เนื่องจากเว็บไซต์ของคุณใช้ Elementor แสดงว่าคุณติดตั้งปลั๊กอิน Elementor บนเว็บไซต์ของคุณแล้ว ตอนนี้ คุณต้องติดตั้งปลั๊กอิน Happy Addons และเวอร์ชัน Pro
เพิ่ม Modal Popup: หลังจากติดตั้งปลั๊กอิน คุณสามารถเพิ่ม Modal Popup ให้กับหน้าที่มีอยู่หรือหน้าใหม่ด้วย Elementor
อ่านบทช่วยสอนนี้หากคุณไม่ทราบวิธีใช้ Elementor
ตอนนี้ เราจะแสดงให้คุณเห็นว่าคุณสามารถเพิ่มป๊อปอัปโมดอลในเว็บไซต์ของคุณได้อย่างไร ทำตามขั้นตอนเหล่านี้:
- ค้นหาและค้นหาวิดเจ็ต "Modal Popup" จากเครื่องมือแก้ไข Elementro
- เพียงลากและวาง "Modal Popup" เท่านี้ก็เรียบร้อย!
ปรับแต่งป๊อปอัป: คุณได้สร้างป๊อปอัปบนไซต์ WordPress ที่ใช้ Elementor แล้ว ตอนนี้ได้เวลาปรับแต่งแล้ว เพียงทำตามขั้นตอนด้านล่าง:
- คลิกที่ป๊อปอัปที่คุณเพิ่งสร้างขึ้น
- ตอนนี้ ตัวเลือกการตัดทอนหลายตัวจะเปิดขึ้นในแผงตัวแก้ไข
- ปรับแต่งป๊อปอัปของคุณในแบบที่คุณต้องการด้วยตัวเลือกเหล่านี้
โดยทำตามขั้นตอนเหล่านี้ เราได้เพิ่มป๊อปอัปโมดอลลงในไซต์ Elementor ของเราดังภาพหน้าจอด้านล่าง ลองตรวจสอบดู
กระบวนการเห็นป๊อปอัปของคุณเหมือนกัน เพียงเปิดไซต์ของคุณจากส่วนหน้าหลังจากเผยแพร่ ได้ คุณสามารถแก้ไขหรือแก้ไขป๊อปอัป Elementor ได้ทุกเมื่อที่ต้องการจากแบ็กเอนด์
คุณยังสามารถตรวจสอบเอกสารประกอบของวิดเจ็ต Modal Popup ของ Happy Addons
บทความที่เกี่ยวข้องในการอ่าน: วิธีเพิ่ม Modal Popup ใน Elementor
แนวทางปฏิบัติที่ดีที่สุดสำหรับป๊อปอัป: สิ่งที่ต้องทำเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด
หากคุณต้องการได้รับประโยชน์สูงสุดจากป๊อปอัป คุณต้องใช้มันอย่างชาญฉลาดและระมัดระวัง เนื่องจากบางครั้งป๊อปอัปอาจทำลายประสบการณ์ของผู้ใช้ แนวทางปฏิบัติที่ดีที่สุดที่คุณควรปฏิบัติตามสำหรับป๊อปอัปคือ:
- เพิ่มป๊อปอัปเฉพาะที่ที่จำเป็น
- ใช้ป๊อปอัปที่เกี่ยวข้องกับเพจของคุณ
- ตรวจสอบให้แน่ใจว่าป๊อปอัปน่าสนใจและมีประโยชน์
- ใช้ให้ถูกเวลาและถูกที่
- เลือกรูปแบบและการออกแบบที่เหมาะสม
- กำหนดสิ่งที่คุณต้องการจากป๊อปอัป
- กำหนดเป้าหมายผู้ใช้ที่แตกต่างกันด้วยป๊อปอัปประเภทต่างๆ
- ทดสอบ A/B ก่อนปิดป๊อปอัปใดๆ ให้เสร็จ
- ตรวจสอบให้แน่ใจว่าผู้ใช้ไม่ต้องเสียเวลามากในการโต้ตอบกับ
นี่เป็นแนวทางปฏิบัติที่จำเป็นและจำเป็นอย่างยิ่งที่คุณควรปฏิบัติตาม มีบางสิ่งที่คุณต้องรักษาไว้ เราขอแนะนำให้คุณทำวิจัยก่อนที่จะดำเนินการป๊อปอัปของคุณ
ตอนนี้ถึงตาคุณแล้ว
เพียงจำไว้ว่าป๊อปอัปมีประโยชน์ทุกวัน แต่คุณต้องฉลาดและสร้างสรรค์เพื่อให้ได้ประโยชน์สูงสุด มิฉะนั้น ป๊อปอัปของคุณอาจลงเอยที่น่ารำคาญเหมือนคนที่ไม่สนใจมัน
ในบล็อกนี้ เราได้แสดงวิธีการสำหรับไซต์ WordPress ทั้งแบบทั่วไปและแบบ Elementor ตอนนี้ ถึงตาคุณที่จะใช้วิธีการเหล่านี้ในขณะที่สร้างป๊อปอัปของคุณ
เราหวังว่าคุณจะสามารถสร้างป๊อปอัปที่ดีและมีประสิทธิภาพด้วยความช่วยเหลือจากบทช่วยสอนที่ครอบคลุมของเรา โปรดแจ้งให้เราทราบในส่วนความคิดเห็นหากคุณประสบปัญหาใด ๆ ในกระบวนการ
อ่านเพิ่มเติม: สร้างเว็บไซต์ระดับมืออาชีพด้วย Elementor & Happy Addons