ปุ่มสมัครรับการแจ้งเตือนพุช

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

1. ติดตั้งปุ่มสมัครรับการแจ้งเตือนด้วย Web SDK

หากต้องการแสดงปุ่มบนเว็บไซต์ของคุณ โปรดเพิ่มโค้ดต่อไปนี้ลงในพารามิเตอร์การเริ่มต้นของ Pushwoosh Web SDK:

Pushwoosh.push(['init', {
  //...
  autoSubscribe: false,
  subscribeWidget: {
    enable: true,
  }
}]);

โปรดตรวจสอบให้แน่ใจว่าได้ปิดใช้งาน autoSubscribe เมื่อตั้งค่าปุ่ม!

2. ปรับแต่งปุ่ม

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

Pushwoosh.push(['init', {
  //...
  subscribeWidget: {
    enable: true,
    position: 'bottomLeft', //ค่าที่เป็นไปได้: ‘bottomLeft’, ‘bottomRight’, ‘topLeft’, ‘topRight’
    bgColor: '#12AE7E',
    bellColor: 'white',
    bellStrokeColor: '#08754f',
    bellButtonBorder: '1px solid #379676',
    shadow: '0px 0px 6px rgba(0, 0, 0, 0.75)',
    size: '48px',
    indent: '20px',
    zIndex: '999999',
    tooltipText: {
      successSubscribe: 'คุณสมัครรับข้อมูลเรียบร้อยแล้ว!',
      needSubscribe: 'รับการแจ้งเตือนข่าวสารสำคัญ!',
      blockSubscribe: 'คลิกเพื่อดูวิธีรับการแจ้งเตือน',
      alreadySubscribed: 'คุณสมัครรับข้อมูลแล้ว'
    }
    buttonImage: 'https://url-image.jpg',
    contentImages: {
      chrome: 'https://url-image.jpg',
      mobileChrome: 'https://url-image.jpg',
      firefox: 'https://url-image.jpg',
      opera: 'https://url-image.jpg',
      safari: 'https://url-image.jpg',
      edge: 'https://url-image.jpg',
    }
  }
}]);