How to add Elfsight widget to Weebly website

To add Elfsight widget to your Weebly website, you need the installation code. Here is an article that explains where to get it - Where to get Elfsight widget installation code

In this article

  1. Video tutorials by widgets
  2. Specific page (home page, contact, etc.)
  3. All pages

Weebly Video Tutorials by widgets

Adding your widget to a specific page

1
Go to Weebly website editor
Log in to your Weebly account and choose the website where you'd like to add the widget. Click Edit Website.   
2
Add code element to a page
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
Paste the installation code
Press Click to set custom HTML, adjust the widget’s position, then click Edit Custom HTML and paste your installation code in the window that comes up. The code will be applied automatically.

You have successfully added the widget to a specific page of your Weebly website!

Adding your widget to all pages

1
Go to Weebly website editor
Log in to your Weebly account and choose the website where you'd like to add the widget. Click Edit Website.
2
Open Code Editor of your website
Choose Theme at the top bar. Then click Edit HTML/CSS at the bottom of right-hand menu.
3
Paste the installation code
Click header.html and paste the widget's installation code after body tag line. Then click no-header.html and in the same way paste the widget's installation code after body tag line. Click Save in the right upper corner to apply changes.

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

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us