Перший спосіб (Рекомендований)
Після створення спливаючого вікна Ви отримаєте блок коду ініціалізації та посилання, які потрібно розмістити на сторінці.
кнопка "скопіювати код" по кліку на яку буде скопійовано inti code. Вставте код ініціалізації (1) в самому кінці body - перед закриваючим тегом </body>.
кнопка "скопіювати код" скрипта спливаючого вікна. Додайте посилання (2) до клікабельного елемента як параметр href (це може бути кнопка, або просто <a></a> елемент). Підсумок має виглядати приблизно так: <a href='Попапhttps://wep.wf/87wf8s'>Попап</a>.
Натиснувши на цей елемент, з'явиться спливаюче вікно.
Другий спосіб
После создания всплывающего окна, помимо ссылки, вы получите два блока кода, которые необходимо разместить в коде вашей веб-страницы.
- Перша частина коду - скрипт ініціалізації спливаючого вікна (init code). Його слід помістити в самому кінці body - перед закриваючим тегом </body>.
Друга частина коду – скрипт генерації спливаючого вікна. Помістіть його в будь-якому місці, але не нижче скрипту ініціалізації.
Після цього потрібно створити елемент, який міститиме тригер спливаючого вікна. Як id для такого елемента слід встановити селектор, який знаходиться в налаштуваннях спливаючого вікна (без символу #).
Приклад: <button id="wepster_action_element"></button>
Випливаюче вікно з'явиться при використанні відвідувачем сайту елемента (при натисканні на кнопку).