วิธีตั้งค่าการแจ้งเตือนแบบพุชของเว็บบนเว็บไซต์ของคุณ

เผยแพร่แล้ว: 2022-02-17

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

เรามีคุณครอบคลุม

ในบทความนี้ เราจะแสดงวิธีตั้งค่าข้อความ Push บนเว็บบนเว็บไซต์ของคุณ แม้ว่า:

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

ส่วนที่ดีที่สุด? เราจะทำโดยไม่มีศัพท์แสงทางเทคนิค ดังนั้น แม้ว่าคุณจะไม่ใช่นักพัฒนา คุณยังสามารถติดตั้งการแจ้งเตือนแบบพุชได้อย่างง่ายดาย

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

มาดำดิ่งกัน

วิธีการติดตั้งการแจ้งเตือนแบบพุชบนเว็บไซต์ของคุณ

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

การแจ้งเตือนแบบพุชอัตโนมัติของ Yum ที่มีประโยชน์

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

มาดำดิ่งกัน

ขั้นตอนที่ #1: ตั้งค่าบัญชี PushEngage ของคุณ

ตรงไปที่หน้าแรกของ PushEngage และคลิกปุ่ม เริ่มต้น :

PushEngage

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

เมื่อคุณลงชื่อสมัครใช้บัญชีแล้ว ให้ไปที่แดชบอร์ด PushEngage และไปที่ การตั้งค่า » การตั้งค่าไซต์ » การตั้งค่าการติดตั้ง :

การตั้งค่าเว็บไซต์ PushEngage

คุณสามารถกำหนดค่า URL และข้อมูลประจำตัวของไซต์ของคุณได้บนหน้าจอนี้ ไปข้างหน้าและตั้งค่าโลโก้และ URL ของไซต์สำหรับแคมเปญการแจ้งเตือนแบบพุชและการออกอากาศของคุณ

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

ขั้นตอนที่ #2: รับรหัสการติดตั้งจาก PushEngage

ถัดไป คุณจะต้องตรงไปที่แดชบอร์ด PushEngage และรับรหัสการติดตั้ง ตรงไปที่ การตั้งค่า»การตั้งค่าไซต์»การตั้งค่าการติดตั้ง :

เพิ่มการแจ้งเตือนแบบพุชบนไซต์ Squarespace

ภายในแท็บนี้ คุณจะเห็นว่าคุณสามารถรับรหัสที่แตกต่างกันสำหรับเว็บไซต์ประเภทต่างๆ ค้นหาไซต์ที่ถูกต้องและคัดลอก หากคุณกำลังใช้งานไซต์บน CMS ที่ไม่อยู่ในแท็บ คุณสามารถตรงไปที่แท็บ HTTP หรือ HTTPS โดยขึ้นอยู่กับว่าไซต์ของคุณมีใบรับรอง SSL ติดตั้งอยู่หรือไม่

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

หากคุณใช้ไซต์ HTTPS และเข้าถึงโฟลเดอร์รากของเซิร์ฟเวอร์ได้ คุณจะต้องดาวน์โหลดไฟล์ service-wroker.js จากแท็บเดียวกัน จากนั้นอัปโหลดไปยังโฟลเดอร์รูทของคุณ

หมายเหตุ: หากคุณไม่สามารถอัปโหลดไฟล์พนักงานบริการไปยังโฟลเดอร์ราก คุณยังสามารถอัปโหลดไฟล์ไปยังโฟลเดอร์อื่นได้ ไปที่ แดชบอร์ด PushEngage » การตั้งค่า » การตั้งค่าไซต์ » การตั้งค่าขั้นสูง

เพียงทำตามคำแนะนำในการ ตั้งค่า Service Worker คุณก็พอใจแล้ว:

การตั้งค่าพนักงานบริการ

สุดท้าย คุณจะต้องวางโค้ดการติดตั้งสำหรับ PushEngage ใน HTML <head> ของเว็บไซต์ของคุณ หากคุณเป็นนักพัฒนาที่เคยเขียนโค้ดใน HTML คุณรู้อยู่แล้วว่าต้องทำอย่างไร

แต่ถ้าคุณเพิ่งเริ่มใช้ HTML และคุณใช้ CMS เพื่อเรียกใช้ไซต์ ไม่ต้องกังวล ขั้นตอนในการแก้ไข HTML <head> จะแตกต่างกันไปตามแต่ละแพลตฟอร์ม เราจึงได้สร้างคำแนะนำทีละขั้นตอนโดยละเอียดสำหรับแพลตฟอร์มยอดนิยมที่สุดสำหรับคุณ:

  • ติดตั้งการแจ้งเตือนแบบพุชบน WordPress
  • ติดตั้งการแจ้งเตือนแบบพุชบน WordPress (ไม่มีปลั๊กอิน)
  • ติดตั้งการแจ้งเตือนแบบพุชบน WooCommerce
  • ติดตั้งการแจ้งเตือนแบบพุชบน Wix
  • ติดตั้งการแจ้งเตือนแบบพุชบน Blogger
  • ติดตั้งการแจ้งเตือนแบบพุชบน Zoho
  • ติดตั้งการแจ้งเตือนแบบพุชบน Volusion
  • ติดตั้งการแจ้งเตือนแบบพุชบน Weebly
  • ติดตั้งการแจ้งเตือนแบบพุชบน ClickFunnels
  • ติดตั้งการแจ้งเตือนแบบพุชบน PrestaShop
  • ติดตั้งการแจ้งเตือนแบบพุชบน OpenCart
  • ติดตั้งการแจ้งเตือนแบบพุชบน CS-Cart
  • ติดตั้งการแจ้งเตือนแบบพุชบน Drupal
  • ติดตั้งการแจ้งเตือนแบบพุชบน Squarespace
  • ติดตั้งการแจ้งเตือนแบบพุชบน X-Cart
  • ติดตั้งการแจ้งเตือนแบบพุชบน BigCommerce
  • ติดตั้งการแจ้งเตือนแบบพุชบน Jimdo

สำคัญ: คุณสามารถแทรกโค้ดการติดตั้งของคุณได้โดยตรงจากแดชบอร์ดในตัวสร้างเว็บไซต์และ CMS บางตัว ในกรณีอื่นๆ เช่น PrestaShop คุณจะต้องใช้คีย์ API ของ PushEngage แทน นั่นเป็นเหตุผลที่เราแนะนำให้ทำตามบทช่วยสอนเฉพาะแพลตฟอร์มเพื่อเพิ่มรหัสการแจ้งเตือนแบบพุชอย่างถูกต้อง

ขั้นตอนที่ #3: การกำหนดค่า PushEngage Opt-In

สุดท้าย ในแดชบอร์ด PushEngage ของคุณ ให้ไปที่ การตั้งค่า » การตั้งค่าการสมัครสมาชิก » กล่องโต้ตอบการสมัครสมาชิก » แก้ไข :

การตั้งค่าการติดตั้ง PushEngage

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

หากคุณต้องการแรงบันดาลใจ คุณสามารถดูบทความนี้เกี่ยวกับการเลือกรับการแจ้งเตือนแบบพุชที่มี Conversion สูงได้

ขั้นตอนโบนัส: สร้างการแจ้งเตือนต้อนรับ

เมื่อคุณตั้งค่าการเลือกเข้าร่วมเสร็จแล้ว ไซต์ของคุณสามารถรวบรวมสมาชิกได้

แต่คุณจะทราบได้อย่างไรว่าข้อความ Push ของคุณทำงานอย่างถูกต้องหรือไม่

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

ตรงไปที่ การตั้งค่า»การตั้งค่าไซต์»การตั้งค่าการติดตั้ง และกำหนดค่าข้อความต้อนรับของคุณ:

ใหม่ การแจ้งเตือนแบบพุช

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

และนั่นคือทั้งหมดที่มีให้!

คุณตั้งค่าการแจ้งเตือนแบบพุชของเว็บบนเว็บไซต์ของคุณสำเร็จแล้ว ได้เวลากลับไปที่แดชบอร์ด PushEngage ของคุณแล้วเริ่มสร้างแคมเปญการแจ้งเตือนแบบพุชของคุณ

ห่อ

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

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

ไม่มั่นใจ? ตรวจสอบแหล่งข้อมูลที่ยิ่งใหญ่เหล่านี้:

  • แคมเปญหยดและระบบตอบรับอัตโนมัติสำหรับการแจ้งเตือนทางเว็บ
  • 5 ประโยชน์ของการใช้แคมเปญแจ้งเตือนการละทิ้งรถเข็น
  • วิธีแปลงสมาชิกเป็นผู้ซื้อโดยใช้การแจ้งเตือนทางเว็บ

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

เริ่มต้นกับ PushEngage วันนี้!