| 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, но НЕ ниже скрипта инициализации.
После этого нужно создать элемент, который будет содержать триггер всплывающего окна. В качестве id для такого элемента следует установить селектор, который находится в настройках всплывающего окна (без символа #).
Пример: <button id="wepster_action_element"></button>
...
A popup window is an element that appears over the content on a webpage.
...
There are three types of pop-up windows:
Action - the pop-up window is triggered when a button on your site is clicked.
Exit - the pop-up window is triggered when the user attempts to close your website page (only on desktop).
Timer - the pop-up window is triggered after a preset time spent on the page.
| Info |
|---|
You can select the type of pop-up window when configuring LGT in the "General" tab. |
Creating an "Pop-up Window" LGT
To create an LGT of the "Pop-up Window" type:
Go to the "Sales Tunnels" section and open the required tunnel.
...
Right-click (for Windows) / tap with two fingers on the touchpad (for MacOS), select "Lead Generation Tools," find "Pop-up Window" in the list, and then click the "Create" button.
...
Fine-tune your LGT in the General, Content, and Traffic tabs. For more details, follow the link.
| Info |
|---|
When filling out the "General" tab, specify the type of pop-up window. |
...
After creating the LGT, you will receive several code blocks that need to be placed on your website:
...
You need to:
Copy the Init code and place it before the closing tag
</head>on your page (or in the HTML block of your website builder).Copy the script code for the popup window and place it after the Init code.
Add a link to a clickable element on your page that will trigger the LGT popup window when clicked.
For advanced users:
| Info |
|---|
For an action-type popup window, you need to create an element that will contain the trigger for the popup window. The id for this element should be set to the selector found in the popup window settings (without the |
...
| Info |
|---|
Example:
|
The popup window will appear when the website visitor interacts with this element (by clicking the button).