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: - 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: - 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:
Adding your floating widget to a specific page
Well done! You have successfully added your floating widget to a specific page of your Squarespace website!
Adding your widget to all pages
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!