Integrate Bytechat on your Squarespace website

Adding Bytechat to your Squarespace website is easy with the built-in Code Injection feature. This guide walks you through the steps.

Requirements

To use code injection on Squarespace, you need a Business, Commerce Basic, or Commerce Advanced plan. Check if your subscription allows this before you proceed.

  1. Log in to your Squarespace website.
  2. Click Settings in the left menu.
  3. Scroll down in the settings menu and click Advanced.
  4. Click Code Injection.

Step 2: Add Bytechat script

You'll now see three sections: Header, Footer, and Order Confirmation Page. We'll place the Bytechat script in the Footer section for optimal loading performance.

  1. Open your Bytechat dashboard and go to the Account tab.
  2. Here you'll find your unique installation code. Copy the complete script.
<script
src="https://app.bytechat.ai/loader.js"
data-customer-id="[your-customer-id]"defer>
</script>

Note: In your dashboard, [your-customer-id] is already automatically filled in for you.

  1. Paste the copied script in the Footer field in Squarespace.
  2. Click the Save button in the top right.

Step 3: Verification

You can now go to your website to check if Bytechat is correctly integrated. You should now see the chat window appear on your website.

Congratulations! You've successfully integrated Bytechat on your Squarespace website. You can now start monitoring conversations and optimizing performance through your dashboard.

Optional: Place script on specific pages

Want to display Bytechat only on certain pages? You can also add code per page:

  1. Go to Pages in the main menu.
  2. Hover over the page where you want to add Bytechat and click the gear icon.
  3. Go to the Advanced tab.
  4. Scroll down to Page Header Code Injection.
  5. Paste the Bytechat script here and click Save.
Next: Configuration overview