How to install your widget in iframe

If you are using a CMS that doesn't allow you to add an HTML code to install Elfsight widget, you will need to convert the installation code. This article demonstrates how you can achieve that.

If you are a New Dashboard user, you can convert the installation code of your widget to iframe following the steps described in this article - Installing widget in iframe (new dashboard).

1

Get your installation code
First, you will need the usual installation code. Here is an article that explains where to get it - Where to get Elfsight widget installation code.

2

Copy your widget's ID
Once you've found the installation code of your widget, you need to select and copy your widget's ID. You can see it on the second line of the code:

For example, here's the ID of the above-mentioned widget:

cfd6efc3-1525-4ff0-9291-7ba6d8680f26

3

Convert the code
You need to use the following installation code:

<iframe src='https://sandbox.elfsightcdn.com/WIDGET_ID' width='100%' height='1000' frameborder='0'></iframe>

Replace 'WIDGET_ID' in the code above with your own widget's ID.

4

Adjust the size
Adjust the height to match the height of your widget:

The final version of the code would look like this:

<iframe src='https://sandbox.elfsightcdn.com/widget/cfd6efc3-1525-4ff0-9291-7ba6d8680f26' width='100%' height='1000' frameborder='0'></iframe>

Voila! You have converted your installation code into iframe format.

If you faced any issues or have questions, please contact our Support Team, we will be happy to help you.