Динамическое создание
всплывающего окна подписок
Настройка параметров виджета в Личном Кабинете
1. Зайдите в Личный кабинет TextBack в раздел Инструменты ростаВиджет подписки

Также данная инструкция подходит для настройки WhatsApp Hunter
2. В разделе "Внешний вид" выберите "Вариант показа" - "Всплывающее окно"
Внешний вид виджета подписки
3. В разделе "Настройки показа" установите "Показывать" - "С начала визита прошло 1 сек.", также установите во всех полях, касающихся количества показа, большое значение, например "8000".
Настройки показа виджета подписки
5. Сохраните виджет.
Установка виджета на самописный сайт
Разместите следующий код в нужном вам месте на странице сайта. Кнопку затем можно стилизовать с помощью CSS-стилей.
<button onclick="showTbWidget()">Открыть виджет</button>
<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=default,fetch,Promise"></script>
<script src="//unpkg.com/@textback/notification-widget@latest/build/index.js"></script>
<script> 
function showTbWidget() { 
    //clear from previous widget show-ups
    $('body').find('tb-notification-widget').remove();
    $('body').append('<tb-notification-widget></tb-notification-widget>');
    var widgetContainer = $('body').find('tb-notification-widget')[0];
    var options = {
        widgetId: '9c54d2d1-df03-432b-9a87-ffffffffffff', // your widget ID
        element: widgetContainer,
    };
    new TextBack.NotificationWidget(options)
}; 
</script> 
Установка виджета на конструкторе сайтов на примере Tilda
1. Сначала создайте кнопку через Zero Block, блок кнопки или любое меню.

2. Вставьте в настройки кнопки текст #open-widget вместо ссылки - по нему будет инициализироваться появление виджета.
3. В блок 123 вставьте код, указанный ниже

В кавычках с комментарием your widget ID укажите ID вашего виджета подписки.
<script src="//cdn.polyfill.io/v2/polyfill.min.js?features=default,fetch,Promise"></script>
<script src="//unpkg.com/@textback/notification-widget@latest/build/index.js"></script>
<script>
  function showTbWidget() {
    var widgetContainer = document.querySelector('tb-notification-widget');
    if (widgetContainer) widgetContainer.remove();
    widgetContainer = document.createElement('tb-notification-widget');
    document.body.append(widgetContainer);
    var options = {
      widgetId: '', // your widget ID
      element: widgetContainer,
    };
    new TextBack.NotificationWidget(options);
  };
 
  document.addEventListener('DOMContentLoaded', function () {
    document.addEventListener('click', (e) => {
      var target = e.target;
 
      if (!target.closest('[href="#open-widget"]')) return;
 
      e.preventDefault();
      showTbWidget();
    });
  });
</script>
Найти id виджета можно в ссылке, когда вы редактируете его в личном кабинете.
Получится вот так:
4. Опубликуйте страницу, чтобы применить изменения.

И проверьте работу кнопки!