Adding Elfsight widget to Squarespace website with Personal plan

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 the Code Injection and Code Block options are available only for Business and Commerce plans. If you are a Business or Commerce Squarespace plan user, please refer to the following article for detailed installation steps - Adding Elfsight widget to a Squarespace website.

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 your page settings
Click on the Website section on the left side menu and then 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 Markdown option:

5

Paste the installation code
Click on the Edit icon and paste the widget installation code in the Content popup:

The widget may not appear in the block right away. In this case, save the changes and go back to editing, the widget will be visible.

6

Adjust the Block's size
Change the block's width by dragging the widget's border to the right:

All done! You added the widget to a specific page.

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 your page settings
Click on the Website section on the left side menu and then click Edit:
3
Add the block
Go to the end of the page, hover over the block and click on any Plus sign and choose the Markdown option:

4
Paste the installation code
Add the installation code to the window that pops up. Save the changes when the widget appears on the page:
Done!

Adding your floating widget to a specific page using Add Section

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 page settings
Click on the Website section on the left side menu and then click Edit:
3
Add section for the block
Choose any place on the page 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 Markdown option:

5

Paste the installation code
Click on the Edit icon and paste the widget installation code in the Content popup:

Adding your floating widget to all the pages of your website

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 dashboard
Go to your website dashboard and click on Edit:

3

Add the block
Go to the footer of the page, hover over it and click Edit Footer, click on any Plus sign and choose Markdown:

4

Add the installation code
Paste the installation code to the window that pops up and save the changes:

The widget will appear on all the pages where the footer is enabled. If you have a page without a footer, you will need to add the widget there separately.

That's it! You added a floating widget to all the pages of your website on a Personal Squarespace plan.

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