วิธีสร้างกล่องแจ้งเตือนใน WordPress

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

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

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

กล่องแจ้งเตือนคืออะไร?

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

กล่องแจ้งเตือนใน WordPress มักมีรูปแบบใดรูปแบบหนึ่งจากสองรูปแบบ คุณอาจเห็นป๊อปอัปปรากฏขึ้นบนหน้าจอ หรือแถบที่ยาวตลอดด้านบนของเพจของคุณ (บางครั้งเรียกว่า 'แถบสวัสดี')

ทำไมต้องสร้างกล่องแจ้งเตือน

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

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

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

การสร้างกล่องแจ้งเตือนด้วยปลั๊กอิน

ด้วยปลั๊กอิน WordPress การสร้างกล่องแจ้งเตือนของคุณเองนั้นง่ายมาก เราจะแนะนำคุณในทุกขั้นตอนโดยใช้ปลั๊กอิน Popup Maker ที่ทรงพลัง (และฟรี)

ขั้นตอนที่ 1: ดาวน์โหลดปลั๊กอิน (เช่น Popup Maker)

สิ่งแรกที่คุณต้องทำคือเลือกปลั๊กอินเฉพาะ ดังที่เราได้กล่าวไว้ข้างต้น ปลั๊กอิน Popup Maker ฟรีนั้นได้รับการตรวจสอบอย่างดีและเป็นตัวเลือกที่ดี

หากต้องการติดตั้งเครื่องมือนี้ ให้ไปที่แดชบอร์ด WordPress และไปที่ ปลั๊กอิน > เพิ่มใหม่ ค้นหา "popup maker" และควรเป็นรายการแรก:

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

ขั้นตอนที่ 2: สร้างป๊อปอัป

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

หากต้องการสร้างป๊อปอัป ให้คลิก เพิ่มป๊อปอัปใหม่ ที่ด้านบนสุดของหน้าจอ สิ่งนี้จะเปิดตัวแก้ไข WordPress:

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

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

รหัสย่อเหล่านี้อยู่ใต้ปุ่มใหม่ที่มีโลโก้ Popup Maker ในแถบเครื่องมือ:

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

ขั้นตอนที่ 3: กำหนดค่าทริกเกอร์สำหรับป๊อปอัปของคุณ

เมื่อสร้างแบบฟอร์มป๊อปอัปแล้ว ขั้นตอนต่อไปคือการกำหนดค่าทริกเกอร์ ซึ่งจะกำหนดว่ากล่องแจ้งเตือนจะปรากฏขึ้นเมื่อใด

บนหน้าจอตัวแก้ไขป๊อปอัป ให้เลื่อนลงไปที่ การตั้งค่าป๊อปอัป แล้วเลือก ทริกเกอร์ จากรายการ จากนั้นคลิกที่ เพิ่มทริกเกอร์ใหม่ :

ปลั๊กอิน Popup Maker พื้นฐานประกอบด้วยสามตัวเลือกที่นี่: คลิก Open , Time Delay/Auto Open , และ Form Submission คุณยังสามารถเลือก Exit Intent เป็นทริกเกอร์หากคุณใช้แผนพรีเมียม ซึ่งเป็นตัวเลือกที่จะใช้หากคุณต้องการให้ป๊อปอัปปรากฏขึ้นเมื่อผู้ใช้พยายามออกจากไซต์ของคุณ

คุณยังสามารถปรับเปลี่ยนหน้าที่กล่องแจ้งเตือนจะปรากฏภายใต้แท็บ การกำหนดเป้าหมาย ตรวจสอบให้แน่ใจว่าได้ปรับแต่งการตั้งค่านี้หากคุณต้องการยกเว้นบางหน้าหรือบางประเภทอุปกรณ์ไม่ให้เห็นการแจ้งเตือน

ขั้นตอนที่ 4: จัดรูปแบบกล่องแจ้งเตือนของคุณ

สุดท้าย คุณสามารถเปลี่ยนลักษณะที่ปรากฏของกล่องแจ้งเตือนใหม่เพื่อให้ตรงกับธีมของไซต์ของคุณมากขึ้น ในพื้นที่ การตั้งค่าป๊อปอัพ เลือก แสดง ที่นั่น คุณสามารถเปลี่ยนตำแหน่งที่ป๊อปอัปปรากฏบนหน้าจอ (รวมถึงแถบด้านบน) กำหนดขนาดและตำแหน่ง และเลือกจากหนึ่งในธีมที่มีอยู่มากมาย:

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

การสร้างกล่องแจ้งเตือนโดยไม่ต้องใช้ปลั๊กอิน

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

ขั้นตอนที่ 1: แก้ไขไฟล์ header.php ของคุณ

สิ่งแรกที่คุณต้องทำคือเพิ่มโค้ดในไฟล์ header.php ของคุณ สามารถเข้าถึงได้โดยใช้ WordPress Theme Editor จากแดชบอร์ดของคุณ ให้ไปที่ ลักษณะที่ปรากฏ > ตัวแก้ไขธีม จากนั้นเลือก Theme Header (header.php) จากแถบด้านข้างทางด้านขวา:

คัดลอกและวางโค้ดต่อไปนี้ลงในไฟล์ที่ท้ายส่วน <head> :

<div class="alertbar">All items 20% off!</div>

ไฟล์ควรมีลักษณะดังนี้หลังจากการเพิ่มนี้:

ซึ่งจะแสดงข้อความ “All items 20% off!” ในแถบแจ้งเตือนของคุณ คุณสามารถปรับแต่งข้อความได้ตามต้องการ

ขั้นตอนที่ 2: เพิ่ม CSS ที่กำหนดเอง

สุดท้าย คุณจะต้องใช้ Cascading Style Sheets (CSS) เพื่อจัดรูปแบบการแจ้งเตือนของคุณ คุณสามารถเพิ่ม CSS โดยใช้ WordPress Customizer

ในการทำเช่นนั้น ให้ไปที่แดชบอร์ด WordPress ของคุณและไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง นี่จะเป็นการเปิดไซต์ของคุณใน Customizer ในแถบด้านข้าง เลือก CSS เพิ่มเติม ซึ่งจะเป็นการเปิดช่องรหัสที่คุณสามารถป้อน CSS แบบกำหนดเองได้

วางรหัสต่อไปนี้ลงในช่องข้อความ:

.alertbar {

background-color: #A9A9A9;

color: #FFFFFF;

display: block;

line-height: 45px;

height: 50px;

position: relative;

text-align: center;

text-decoration: none;

top: 0px;

width: 100%;

z-index: 100;

}

นี่คือลักษณะของการแจ้งเตือน:

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

ปรับปรุงไซต์ของคุณด้วย WP Engine

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

คุณสามารถใช้กล่องแจ้งเตือนด้วยปลั๊กอิน WordPress เช่น Popup Maker คุณยังสามารถเขียนโค้ดด้วยตัวเองได้ง่ายๆ ด้วย CSS เล็กน้อย ไม่ว่าจะด้วยวิธีใด คุณจะได้รับการแจ้งเตือนที่ปรับแต่งได้ซึ่งออกแบบมาเพื่อเพิ่มการสมัครใช้งานและการแปลง

หากคุณต้องการปรับปรุงไซต์ของคุณให้ดียิ่งขึ้น อย่าลืมตรวจสอบแผนการโฮสต์ WordPress เฉพาะของเรา!