Adding Elfsight Widget to Squarespace Website with Basic Plan

Ready to install an Elfsight widget on your Squarespace website? Just copy the widget installation code and let's get started! 😊

Follow this quick video tutorial or continue with the step-by-step instructions below.

This guide applies to Squarespace websites with Basic or Personal plans. If you're using a Core, Plus, or Advanced plan (formerly Business and Commerce), check out this article for easier installation: Adding Elfsight widget to a Squarespace website.

In this article

This article explains how to install static and floating widgets. If you're not sure about the difference, check out our Floating and Static widgets guide.

Add Your Static or Floating Widget to a Specific Page

1

Log in to your Squarespace account and choose the website where you'd like to add the widget:

2
Click on the Website section on the left-side menu, select the page, and click Edit:
3

Choose the place for your widget and click Add Section:

Click Add a Blank Section in the popup:

4

Hit the Add Block button and choose the Markdown option:

5

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

If your widget’s first line contains <!-- Elfsight Widget | Widget Name -->, make sure to remove it. It’s just a comment and won't affect the widget's functionality:

Please note that the widget may not appear in the block — that’s normal. Save the changes and refresh the page to see the widget in the editor.
6

Adjust the block's size if needed by dragging the widget's border to the right:

All done! You've successfully added the widget to a specific page. 😊

Add Your Floating Widget to All Pages

Note: This method works if you have the footer enabled on your website. If your site doesn’t have a footer, you will need to add the widget to all webpages manually as described above.
1

Log in to your Squarespace account and choose the website where you'd like to add the widget:

2

Go to your website dashboard and click on Edit:

3

Go to the footer of the page, hover over it, and click Edit Footer:

Click any âž• icon and choose Markdown:

4

Paste the installation code into the popup window and save the changes:

If your widget’s first line contains <!-- Elfsight Widget | Widget Name -->, make sure to remove it. It’s just a comment and won't affect the widget's functionality.

Please note that the widget may not appear in the editor — that’s normal. Save the changes and check the widget live.

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

Stuck with installation? Let us help! Send us a quick request, and we’ll handle the setup for you. 🙌

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

Related Articles