...
...
...
| Widget Connector | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
|
First method (Recommended)
After creating the pop-up window, you will receive an initialization code block and a link that must be placed 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
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.
...
The first part of the code is the popup window initialization script (init code). It should be placed at the very end of the body - before the closing </body> tag.
The second part of the code is the pop-up window generation script. Place it anywhere in the body, but NOT below the init script.
After that, you need to create an element that will contain the popup trigger. The id for such an element should be set to the selector found in the pop-up window settings (without the # symbol).
...
Example: <button id="wepster_action_element"></button>
...