Widget Connector | ||
---|---|---|
|
...
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.
- button "copy code" by clicking on which the inti code will be copied. Insert the initialization code (1) at the very end of the body - before the closing </body> tag.
button "copy code" of the script of the pop-up window itself. Add a link (2) to the clickable element as an href parameter (this can be a button, or just an <a></a> element). The result should look something like this: <a href='Popuphttps://wep.wf/87wf8s'>Popup</a>.
By clicking on this element, a pop-up window will appear.
Widget Connector | ||
---|---|---|
|
Second way
After creating the popup, in addition to the link, you will receive two blocks of code that need to be placed in the code of your web 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:
|
...
|
...
|
...
|
A pop-up The popup window will appear when a site visitor uses an the website visitor interacts with this element (by clicking a the button).