Installing Elfsight widget on GoDaddy avoiding iFrame
As you may already know, GoDaddy Builder converts all elements into iframe. However, there are certain cases where you may require installing your Elfsight widget without using iframe block. In this article, we'll guide you through the process.
- 1
-
Open your GoDaddy website's editor
Log in to your GoDaddy Account, scroll down to All Products and Services → Websites + Marketing and choose the website you'd like to edit:
Select Edit Website:
- 2
-
Add an HTML section to the page
Select the page and spot where you'd like to add the widget and click on Add Section:
Following that, select Files & Web → HTML → Embed custom code on the page :
- 3
-
Insert a custom installation code
Here's the template of the installation code that needs to be added to the HTML section:
<script src="https://custom-scripts.elfsightcdn.com/public-scripts/hostinger-and-go-daddy/install-widget.js" data-banner></script> <div class="elfsight-app-WIDGET_ID"></div>
Before adding the installation code, make sure to replace WIDGET_ID on the 2nd line with the ID of your own widget —Where to get your widget ID.
Here's an example of the code that we've put together:
<script src="https://custom-scripts.elfsightcdn.com/public-scripts/hostinger-and-go-daddy/install-widget.js" data-banner></script> <div class="elfsight-app-72ef1da9-8bc0-4d62-9a79-fab74b84899f"></div>
Once you have adjusted your widget ID, paste the installation code in the Custom Code field and click Done:
Keep in mind that GoDaddy doesn't allow adding custom code to all pages at once. It means that you'll need to manually copy and paste your installation code to each page where you need the widget to show up. - 4
-
Publish the changes
As you've noticed, the widget doesn't appear in editing or preview modes—it will only be visible on the live website. Click Publish to apply the widget code(s) to your live website:
Click View Site to admire your work:
Having trouble with the installation? We’ve got you covered! 🙌 Request our help, and we'll take care of the setup for you.