How to Install MirrorLook on Squarespace
Step-by-step guide to add MirrorLook to your Squarespace store with Code Injection, then match it to your product page Add To Cart button.
Before you start
Create your free MirrorLook account and copy the installation snippet from the Integration page for your Squarespace domain.
Example snippet
<script src="https://mirrorlook.app/api/script.mirrorlook?store=yourstore.com" async></script>1. Open the website pages in Squarespace
In Squarespace, open Website and then Pages so you can access your store navigation and site settings.
2. Open Custom Code > Code Injection
Inside the Pages sidebar, scroll to Marketing Tools, expand Custom Code, and open Code Injection.
3. Paste the MirrorLook script in the Header
Paste your MirrorLook installation snippet into the Header field so the script loads on every product page, then click Save.
4. Open a live product page and verify the button
Open any live product page and confirm the MirrorLook Try it on button appears near the purchase area.
5. Match the Add To Cart button text and keep MirrorLook active
If needed, use the exact visible text of the Squarespace purchase button, such as Add To Cart, in MirrorLook Integration. Keep the MirrorLook button active and click Save Changes so the try-on button attaches to the correct CTA.
Important: the cart button text must match exactly
For MirrorLook to appear, the merchant must enter in Integration the exact visible text of the store button, such as Add to cart or Buy now. If the button is not showing, it is usually because that text does not match exactly.
Done
MirrorLook is now installed on Squarespace. Your try-on button will stay aligned with the Add To Cart text you configured in Integration.
Customize your button
Change text, colors, and placement from your MirrorLook dashboard whenever you need.