Adding Elfsight widget to Squarespace website

In order to add Elfsight widget to your Squarespace website, you need its installation code. Here is an article that explains where to get it - Where to get Elfsight widget installation code.

Please note that every installation method described in this article is available only on Business and Commerce Squarespace plans. For installation on Personal Squarespace plan, please refer to the following article - Adding Elfsight widget to Squarespace website with Personal plan.

In this article

Adding your inline widget to a specific page

1
Go to Squarespace admin panel
Log in to your Squarespace account and choose the website where you'd like to add the widget:
2
Open the page settings
Select the Website section on the left side menu:

Choose the page you'd like to add the widget to and click Edit:

3
Add section for the block
Choose the needed place for your widget and click Add Section there:

Click Add a blank section option in the popup window:

4
Add block for the installation code
Push the Add block button and choose the Code option:
5
Paste the installation code
Click on the Edit icon and paste the widget installation code in the Content popup:
6
Adjust the Block size
Change the block's width by dragging the widget's border to the right:

Adding your floating widget to a specific page

1
Go to Squarespace admin panel
Log in to your Squarespace account and choose the website where you'd like to add the widget:
2
Open the page settings
Click on the Website section on the left side menu: Choose the page you'd like to add the widget to and click on the Gear icon:
3
Paste the installation code
Go to the Advanced tab, paste the installation code, and click Save to apply changes:

Well done! You have successfully added your floating widget to a specific page of your Squarespace website!

Adding your widget to all pages

1
Go to Squarespace admin panel
Log in to your Squarespace account and choose the website where you'd like to add the widget:
2
Open your website's settings
Click on the Website section on the left side menu:
Then scroll down and select Website Tools tab: And choose Code Injection:
3
Paste the installation code
Paste the widget installation code into the Footer field and click Save:

Great! You have successfully added your widget to all pages of your Squarespace website!


If this installation guide doesn’t cover everything you need or if you encounter any issues, let us know in our community forum! 😊 You can share any missing steps, unclear instructions, or challenges you faced—your feedback helps us improve!

Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us