Кнопка подписки на push-уведомления

Привлекайте больше подписчиков на push-уведомления и улучшайте пользовательский опыт! Настройте кастомную кнопку подписки на вашем сайте, чтобы повысить процент согласий. Вместо того, чтобы автоматически показывать новым посетителям стандартное диалоговое окно, объясните ценность ваших сообщений и предлагайте подписаться на push-уведомления, когда пользователи довольны.
Всего за два простых шага у вас будет готовая к работе кастомная кнопка подписки на push-уведомления!

1. Внедрение кнопки подписки через Web SDK

Чтобы отобразить кнопку на вашем сайте, добавьте следующий код в параметры инициализации Pushwoosh Web SDK:

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

Убедитесь, что вы отключили autoSubscribe при настройке кнопки!

2. Кастомизация кнопки

Чтобы кнопка соответствовала внешнему виду вашего сайта, настройте ее дизайн! Вы можете изменить такие параметры, как цвет колокольчика, его положение, рамку и тень; кроме того, можно изменить тексты всплывающих подсказок.

Pushwoosh.push(['init', {
  //...
  subscribeWidget: {
    enable: true,
    position: 'bottomLeft', //possible values: ‘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: 'You are successfully subscribed!',
      needSubscribe: 'Get notifications about important news!',
      blockSubscribe: 'Click to see how to get notifications',
      alreadySubscribed: 'You are already subscribed'
    }
    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',
    }
  }
}]);