@pushwoosh/web-push-subscribe-popup

Pushwoosh web notifications subscribtion popup

Usage no npm install needed!

<script type="module">
  import pushwooshWebPushSubscribePopup from 'https://cdn.skypack.dev/@pushwoosh/web-push-subscribe-popup';
</script>

README

SubscribePopUp

Subscription pop-up widget for Pushwoosh WebSDK.

Pushwoosh.push('init', {
    . . .,
    subscribePopup: {
        enable: true,          // boolean флаг для активации попапа 
        text: 'Text on popup', // текст на попапе
        askLaterButtonText: 'Not now',              // текст на кнопке “Ask later”
        confirmSubscriptionButtonText: 'Subscribe', // текст на кнопке “Subscribe”
        delay: 60,             // задержка между прогрузкой страницы и показом попапа в секундах
        retryOffset: 604800,   // через какое время (в секундах) ещё раз показать пользователю попап после прошлого отказа
        overlay: false,        // boolean флаг, включающий overlay на странице при показе попапа
        position: 'top',       // позиция попапа 'top' | 'center' | 'bottom'
        
        bgColor: '#fff',                         // цвет фона попапа
        borderColor: 'transparent',              // цвет бордера попапа
        boxShadow: '0 3px 6px rgba(0,0,0,0.16)', // тень попапа
        
        textColor: '#000',      // цвет текста на попапе
        textSize: 'inherit',    // размер текста на попапе
        fontFamily: 'inherit',  // шрифт на попапе
        
        subscribeBtnBgColor: '#4285f4',     // цвет кнопки “Subscribe”
        subscribeBtnTextColor: '#fff',      // цвет текста на кнопке “Subscribe”
        
        askLaterBtnBgColor: 'transparent',  // цвет кнопки “Ask later”
        askLaterBtnTextColor: '#000',        // цвет текста на кнопке “Ask later”
        
        theme: 'material' | 'topbar'        // тема попапа
    }    
});