Squarespace

Copianto integrates smoothly with Squarespace via custom code injection, adding a fast, cache-busting script and stylesheet that render the chat widget across your site.

Method 1: Add Site-wide (Recommended)

1. Log in to your Squarespace dashboard.

2. Go to Settings → Advanced → Code Injection.

3. In the Footer field, paste the entire Copianto script above.

   • (This ensures it loads just before </body> across all pages.)

4. Replace demo-public-key-12345 with your real Public Key.

5. Click Save.

6. Visit your published site — the Copianto widget should now load on every page.

Method 2: Add to a Single Page

If you only want the widget on one page (not globally):

1. In the Pages panel, open the page where you want the widget.

2. Add a new Code Block section.

3. Paste the full Copianto script.

4. Replace the demo public key with your own.

5. Save and preview that page.

<script>
(function () {
  const timestamp = new Date().getTime();

  // Demo public key — replace with your real public key when ready
  const publicKey = "demo-public-key-12345";

  // Append stylesheet with cache-busting query
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.href = "https://copiantoai.ams3.cdn.digitaloceanspaces.com/widget/v4/copianto-widget.css?" + timestamp;
  document.head.appendChild(link);

  // Create and append widget container (at top of body)
  const widgetDiv = document.createElement("div");
  widgetDiv.id = "copianto-chat";
  widgetDiv.setAttribute("data-public-key", publicKey);
  document.body.insertBefore(widgetDiv, document.body.firstChild);

  // Append main widget script with cache-busting query
  const script = document.createElement("script");
  script.src = "https://copiantoai.ams3.cdn.digitaloceanspaces.com/widget/v4/copianto-widget.js?" + timestamp;
  document.body.appendChild(script);
})();
</script>

Notes: The script appends Copianto’s CSS/JS with a timestamp to avoid caching and inserts a div with your Public Key near the start of the body for visibility.

Testing & Verification

1. Open your site in an incognito/private window.

2. Confirm that the Copianto chat widget appears.

3. Send a test message and check that it arrives in your Copianto dashboard.

4. If it doesn’t appear:

   • Make sure your Public Key is correct.

   • Confirm you published the changes (not just saved draft).

   • Clear cache / try incognito.