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.

If you are looking for a tutorial showing generic installation of widgets on GoDaddy, we recommend referring to the following article for detailed instructions — Adding Elfsight widget to GoDaddy website.
1
Open your GoDaddy website's editor

Log in to your GoDaddy Account, scroll down to All Products and ServicesWebsites + 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.

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us