Labelling AI images on Squarespace

Add the script tag

<script src="https://www.ai-label.app/widget.js" defer></script>

1. Open the Code Injection panel in your website tools.
2. Paste the script tag into the Header field. Squarespace injects code from this field into the <head> of every page.
3. Click Save.

The Footer field also works; there the code sits before the closing </body>, depending on template and version. Scripts may be disabled in the editor preview, so check the label on the live site, ideally in a private window.

Mark images

Which images need a label is your decision, for example with the labelling check. The widget only labels marked images, in three ways that can be combined:

• Attribute on the image: data-ai-label="generated" for images created entirely with AI, data-ai-label="modified" for photos edited with AI.
• File name with a marker before the extension: vase--ai.jpg or vase--ai-mod.jpg.
• Alt text ending in “(AI-generated)” or “(AI-modified)”.

On Squarespace, mark images through the alt text. Image blocks, galleries and product images each have a field for it.

A file name with --ai works if Squarespace keeps it in the image address. The page source of the live site shows whether it does. Use the data-ai-label attribute only in code blocks you write yourself.

Pitfalls

• Plan: without a suitable plan there is no field for custom code, and the widget does not run.
• Alt text per block: the same image in two blocks often has two alt texts. Add the suffix everywhere.
• Galleries and slideshows: check that the label also appears in lightboxes and slideshows.

Limits of the widget

• The widget only reaches <img> elements on pages with the script. Background images from the stylesheet and images under 48 pixels (adjustable with data-min) stay unlabelled.
• According to Squarespace, checkout pages do not support custom code, so no label appears there.
• It cannot reach emails such as order confirmations. For images outside your website, create a copy with the label burned in using Label an AI image.
• Privacy: when the script loads from ai-label.app, our host sees the IP address, as with any request. The script sets no cookies. Mention it in your privacy policy.

Native app

A dedicated Squarespace app is planned. There is no date yet.