Adding Elfsight widget to Ecwid website

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

Adding a floating widget to all pages

1

Log in to your Ecwid dashboard. Go to the Website tab, scroll down to the Custom JavaScript code section and click Add Code:

In order to use the Custom JavaScript code section, you need to have a paid Ecwid account.

2

Paste the copied code into the text field and click Save:

Well done! Your widget is showing up on all website pages now.

Adding an inline widget to your homepage

This solution works for Ecwid New-gen Instant Site users. You can replace the content of your New-Gen Instant Site sections with our widget. Here is how you can do that:

1

From your Ecwid dashboard, go to Website and click your Instant Site address to open it:

2

Select a section that you want to replace, right click on it, then choose Inspect and copy the section ID:

Please note that you can replace sections with the following IDs only:
tile-text-...
tile-image-text-...
tile-call-to-action-...

3

Copy the following code:

<script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>

<script>
  document.addEventListener("DOMContentLoaded", function(){
   document.getElementById("tile-image-text-EiUyAz").innerHTML = '<div class="elfsight-app-WIDGET_ID" data-elfsight-app-lazy></div>';
  });
</script>
	

Replace tile-image-text-EiUyAz with your Instant Site section ID and WIDGET_ID with your own widget ID. This article explains how to find it - Where to get your widget ID.

4

In your Ecwid dashboard, go to the Website tab, find the Custom JavaScript code section and click Add Code:

5

Paste your code into the appeared field and click Save:

Fantastic! You have installed your Elfsight widget to the homepage of your New-gen Instant Site!

Adding a floating widget to specific page (product, category)

1

Log in to your Ecwid dashboard. Go to the Website tab, scroll down to the Custom JavaScript code section and click Add Code:

2

Copy the first line of the widget installation code, paste it into the text field, and click Save:

3

Go to the Catalog tab → Products. Choose the product page where you would like to display the widget, click Edit Product → HTML:

4

Copy the second line of the installation code, paste it into the text field, and save the changes:

Done! Your floating widget has been successfully installed.

Adding an inline widget to product page

1

First of all, you need to convert your widget's installation code into iframe format.

2

Once it's done, log in to your Ecwid dashboard. Go to Catalog → Products. Choose the product page where you would like to display the widget, and click Edit Product → HTML:

3

Add the widget code converted into iframe to the Description field and click Save:

Great job! You have successfully added your inline Elfsight widget to the product page of your website.