Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

...

Widget Connector
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width400px
urlhttps://www.youtube.com/watch?v=8Wt7J8AJbCY&feature=youtu.be
height300px

First method (Recommended)

...

Image Removed

  1. 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.

  2. button "copy code" of the script of the pop-up window

  3. 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
overlayyoutube
_templatecom/atlassian/confluence/extra/widgetconnector/templates/youtube.vm
width400px
urlhttps://www.youtube.com/watch?v=jszdp6kLD5k&feature=youtu.be
height300px

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.

...

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:

  1. Go to the "Sales Tunnels" section and open the required tunnel.

...

  1. 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.

...

  1. 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.

...

  1. 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 # symbol).

...

Info

Example:

<button id="

...

Укажите_название_

...

Selector_

...

здесь"></button>

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).