Adding Elfsight widget to Webnode website

If you're looking to install your Elfsight widget on a Webnode website, you've come to the right place! All you need to do is to copy your widget installation code and follow the steps in this super easy and straightforward guide. Let's get started!

Please keep in mind that Elfsight widgets can only be installed on Webnode’s Premium plans, which offer the necessary feature to add HTML code.

Add any widget to a specific page

1: Log in to your Webnode dashboard and choose the website where you'd like to add the widget:
2: Click Edit site:
3: Hover over the place where you need to add your widget, so that the ➕ button for adding new content appears. Find HTML section and click on it:
4: Paste your installation code into Insert HTML field and click OK:
5: Click Publish in the right upper corner of your website to apply changes:

Congrats! Your widget is now successfully added to the specific page.

Add a static widget to all pages

Want to know more about static widgets and how they work? Check out this helpful article - Static widget: Definition and examples.

Installing a static widget across all pages on Webnode requires a custom script, as the platform doesn't allow editing the website's layout directly.

No worries! Our expert team can handle the installation for you. Simply submit an installation request by following this guide - Easy steps to request installation of your Elfsight widget.

Add a floating widget to all pages

Learn more about floating widgets and what they look like in this article - Floating widget: Definition and examples.

1: Log in to your Webnode dashboard and choose the website where you'd like to add the widget:
2: Click Edit site:
3: Go to Settings on the top bar and choose Website Settings → Website header and footer:
4: Paste the installation code to the header or footer field and click Save:
5: Then Publish to apply changes:

Great job! Your floating widget is now successfully added to all pages.