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

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

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

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

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

При настройке кнопки убедитесь, что параметр autoSubscribe отключен!

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

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

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',
    }
  }
}]);