The widget code consists of two parts: the <DIV> element for inserting the widget and the JS code.
The widget does not slow down loading other parts of your page.
The JS code loads the script for inserting an iframe into the <DIV> element from our server.
The widget code is located on the Code tab in the widget's settings.
It looks like this:
Your site can be static HTML or run on the CMS engine.
In the first case, you simply insert all the code in the right place of the web page and it works immediately.
The widget will be displayed in the part of the page where you have inserted <DIV> element.
If you are using some CMS, it should support the insertion of your HTML and js code.
In the page builder, create your own HTML block.
Add it to the place where you want to see the widget.
Insert the <DIV> part from the widget's code into it.
Then add JS code block to this page.
And finally insert the JS code part from the widget's code into this block.
In this case, you can insert the widget directly into the iframe.
But then the height of the widget will be fixed, so it is better to set it as big as possible.
Copy the widget link from the
Code tab in the widget's settings.
Then wrap it with the code below and paste to the custom HTML block in the page builder:
<iframe src="COPIED LINK" style="width:100%;border:none;height:1000px"></iframe>
You can check the work of your code online.
Paste it after the <body> tag in
JS BIN.