Adding Elfsight widget to Weebly website
Looking for instructions on how to add your Elfsight widget to your Weebly website? Simply follow this easy step-by-step guide for seamless integration. Copy your widget installation code, and let’s get started.
Choose how to install your widget
Add a static 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 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, sometimes it can display cropped on the website backend. In this case, please publish the page with the widget and check it in Incognito mode. The widget should display correctly after publication. - 4
-
Click
Publish in the right upper corner of your website to publish changes:
Paste your
All done. You have successfully added the Elfsight widget to a specific page of your Weebly website!
Stuck with installation? Let us help! 🙌 Send us a quick request, and we’ll handle the setup for you.
Add a static widget to all pages
- 1
-
Log in to your
Weebly account, choose the website where you'd like to add the widget → click
Edit site:
- 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 (if you are installing an inline widget) after the
<body>tag line:
Next, open the no-header.html file and add the installation code to the desired placement after the <body>tag line, there → click Save in the right upper corner to apply changes:
- 4
-
Click Publish in the right upper corner of your website to publish changes:
Next, open the no-header.html file and add the installation code to the desired placement after the 
Great! You have successfully added the Elfsight 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.
Add a floating widget to a specific page
- 1
-
Log in to your
Weebly account, choose the website where you'd like to add your floating widget → click
Edit site:
- 2
-
Drag and drop the
Embed Code element from the left-hand menu to create a section for your floating widget:
- 3
-
Press
Click to set custom HTML to open the pop-up menu. In the menu, adjust the widget’s position 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:
Floating widget may not appear in the Weebly editor. Be sure to check the published site to see if it’s working correctly. - 4
-
Click
Publish in the right upper corner of your website to publish changes:
All done. You have successfully added a floating widget to a specific page of your Weebly website!
Stuck with installation? Let us help! 🙌 Send us a quick request, and we’ll handle the setup for you.
Add a floating widget to all pages
- 1
-
Log in to your
Weebly account, choose the website where you'd like to add the widget → click
Edit site:
- 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 before the closing
</body>tag:
-
Next, open the no-header.html file and add the installation code before the closing
</body>tag → click Save in the right upper corner to apply changes:
- 4
-
Click Publish in the right upper corner of your website to publish changes:
Great! 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.