How to Add the Widget Code to Your Squarespace Website

After creating a widget, you are ready to add the code generated by ArtPlacer to your website and enable the widget for visitors to use.

This article describes the steps for adding the code of any type of widget to product and non-product pages on Squarespace sites. 

Add the Widget Code to a Squarespace Product Page

1. On your Squarespace admin dashboard, select the website where you want to add the widget. 

2. Go to Settings > Developer Tools > Code Injection > Footer.

3. Paste the widget’s button code into the Footer box. This is the code you obtained in the last step of the widget creation process.

4. Click SAVE.

Add the Widget Code to a Squarespace Non-Product Page

1. On your Squarespace admin dashboard, select the website where you want to add the widget. 

2. Go to Settings > Developer Tools > Code Injection > Footer.

3. Paste the widget’s script code into the Footer box. This is one of the codes you obtained in the last step of the widget creation process and was located in the Script Code box.

4. Click SAVE.

5. Return to your Squarespace admin dashboard and select the page where you want to add the widget.

6. Click EDIT.

7. Locate the section where you want to add the widget and click ADD BLOCK.

8. In the popup that appears, click Code.

9. In the Content popup, select HTML from the Mode dropdown.

10. Paste the widget’s button code into the Content box. This is one of the codes you obtained in the last step of the widget creation process and was located in the Button Code box.

11. Click SAVE.