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