Adding Elfsight Widget to Weebly Website

Want to add your Elfsight widget to your Weebly website but unsure where to start? This step-by-step guide will walk you through the entire installation process. Just copy your widget installation code and let's jump in! 🚀

Prefer visual instructions? Watch our video tutorial on how to install the widget:

Choose how to install your widget

Add a static or floating widget to a specific page
Add a static widget to all pages
Add a floating widget to all pages

This article explains how to install static and floating widgets. If you're unsure about the difference, check out this article — Floating and Static widgets: Understanding the difference.

Add a static or floating widget to a specific page

1: Log in to your Weebly account, choose the website where you'd like to add the widget → click Edit site:
2: Drag and drop the Embed Code element from the left-hand menu to the place where you'd like the widget to be displayed:
3: Press Click to set custom HTML to open the pop-up menu. In the menu, adjust the widget’s position to center and click Edit Custom HTML: Paste your widget installation code in the field that comes up. The code will be applied automatically as you click outside this field:
When installing the widget, it may not be visible in the website editor or may look cropped. In this case, publish the page with the widget and check it in Incognito mode. The widget should display correctly after publication.
4: Click Publish in the upper right corner to publish changes:

All done! You have successfully added the Elfsight widget to a specific page of your Weebly website.

Add a static widget to all pages

1

2

Choose Theme in the top navigation bar → click Edit HTML / CSS at the bottom of the left-hand menu:

3

Click on the header.html file and paste the widget installation code to the desired placement after the <body> tag:

Next, open the no-header.html file and add the installation code to the desired placement after the <body> tag → click Save in the upper right corner:

4

Click Publish in the upper right corner of your website to apply the changes:

Great! You have successfully added the static Elfsight widget to all pages of your Weebly website!

Add a floating widget to all pages

1

2

Choose Settings → click SEO:

3

Add the widget installation code to Footer Code section:

4

Click Save in the bottom right and Publish in the upper right corner to apply changes:

That's it! You have successfully added a floating widget to all pages of your Weebly website!

Stuck with installation? Let us help! 🙌 Send us a quick request, and we’ll handle the setup for you.