How to add Elfsight widget to Wix website

To add Elfsight widget to your Wix 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. Adding an inline widget to all pages
  4. Adding a floating widget to all pages

Wix Video Tutorials by widgets

Adding your widget to a specific page

1
Go to Wix website editor
Log in to your Wix account and choose the website where you'd like to add the widget. Click Edit Site:
2
Add HTML block
Click Plus icon (1), go to Embed section (2) and select Embed a Widget (3) on Custom Embeds tab:
3
Paste the installation code
Click Enter Code (1), paste your installation code (2) and press Update (3):
4
Adjust the widget's size and position
Drag the widget to the right page area and stretch it to get the size you need. Keep stretching until scroll bars are gone and all the required information fits into the block:
5
Adjust the mobile appearance and Publish
Switch to the mobile editor by clicking on Mobile icon (1), adjust your widget's size by stretching it (2), and press Publish (3):

You have successfully added your Elfsight widget to a specific page of your Wix website!

Adding your inline widget to all pages

1
Go to Wix website editor
Log in to your Wix account and choose the website where you'd like to add the widget. Click Edit Site:
2
Add HTML block
Click Plus icon (1), go to Embed section (2) and select Embed a Widget (3) on Custom Embeds tab:
3
Paste the installation code
Click Enter Code (1), paste your installation code (2) and press Update (3):
4
Adjust the widget's size and position
Drag the widget to the right page area and stretch it to get the size you need. Keep stretching until scroll bars are gone and all the required information fits into the block:
5
Publish widget to all pages
Right-click on the widget's container → select  Pin to Screen (1) → turn on  Show on All Pages (2) toggle and press Publish (3):

You have successfully added your inline widget to all pages of your Wix website!

Adding your floating widget to all pages

Note:

Due to the peculiarities of the Wix platform, Custom codes can be added to the website with a Paid plan only.

1
Go to Wix website dashboard
Log in to your Wix account and choose the website where you'd like to add the widget. Click on Settings (1) section in your Dashboard menu, scroll down to the Advanced section and choose Custom Code (2):
2
Add Custom Code
Click on +  Add Custom Code button in the right upper corner:

3
Paste your installation code
Insert your widget's installation code into Paste the code snippet here (1) area and press Apply (2) to save the changes.

You have successfully added your floating widget to all pages of your Wix website!


If you have any questions left, please feel free to contact our Support Team, we will be delighted to assist.

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