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