Get your Widget script

Because every widget is uniquely customized to your site's settings, you'll need to grab your installation snippet directly from the dashboard.

Open Dashboard arrow_forward

2

Detailed Implementation

Squarespace Integration Guide

Squarespace is a popular choice for small businesses and creatives, but it has historically faced scrutiny regarding its baseline accessibility. Adding an accessibility widget for Squarespace is a vital step in showing a “good faith effort” toward ADA compliance for websites.

Step-by-Step Instructions

1. Open Developer Tools

From your Home Menu, go to Settings > Advanced > Code Injection.

2. Insert the Code

Locate the Footer section. Using the footer is better for Squarespace performance than the header.

Paste your unique Sienna installation script.
Click Save at the top left.

Why This Matters for Squarespace Users

Squarespace sites often use heavy imagery and parallax effects which can be difficult for users with motion sensitivities. Sienna’s “Stop Animations” feature allows these users to browse your site safely, fulfilling requirements under WCAG 2.1.

Troubleshooting

Business Plan Requirement: Note that Squarespace requires a Business or Commerce plan to use the Code Injection feature.
Ajax Loading: If your theme uses Ajax loading, the widget might disappear between page transitions. Sienna is designed to handle this, but if you encounter issues, please contact support.

Legal Protection

Using a WCAG 2.1 compliance tool on your Squarespace site helps mitigate the risk of “drive-by” lawsuits that target small e-commerce businesses.

Upgrade to Sienna Pro for Squarespace White-Labeling

3

You're done!

The widget should now be visible on your site. If you need further help, check our documentation or contact support.

Install Sienna on Squarespace