# Installing on Squarespace

1. Navigate to your SquareSpace page and click the edit button (top left corner of your SquareSpace webpage)

<figure><img src="https://4165927833-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWHGGlctFzoGEVhyOAO17%2Fuploads%2FcUV33mDtKafyEIuSapL2%2FFrame%20427322864.png?alt=media&#x26;token=316df55c-1449-4cea-b077-1731221f6f41" alt=""><figcaption></figcaption></figure>

2. Hover over the first section of your page. Click **add block.** From the block menu, click **Embed.**

<figure><img src="https://4165927833-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWHGGlctFzoGEVhyOAO17%2Fuploads%2Fqi2KcHM3cejriIQv9Jtw%2Fimage.png?alt=media&#x26;token=d61fdcc6-3e81-4ae7-817c-475b9cc5cc84" alt=""><figcaption></figcaption></figure>

3. Once the embed block is shown, click the **pencil icon** to edit.&#x20;

<figure><img src="https://4165927833-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWHGGlctFzoGEVhyOAO17%2Fuploads%2FgMzKfMhEqMQle7JRdf3k%2Fimage.png?alt=media&#x26;token=e885bede-1658-44e5-a3c2-c3bf0d20c0de" alt=""><figcaption></figcaption></figure>

4. Under *Embed As,* click **Code Snippet** and then **Embed data** right belo&#x77;**.**

<figure><img src="https://4165927833-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWHGGlctFzoGEVhyOAO17%2Fuploads%2FCfQPsNTYQfRLLHSoqf9v%2Fimage.png?alt=media&#x26;token=f8f0e06f-16b3-4d72-a7b0-016120787280" alt=""><figcaption></figcaption></figure>

5. Go back to your Distance account and copy the code snippet from the **embed** button in the **Set up live chat** section. Paste the code in the **Embed data** field.

<figure><img src="https://4165927833-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWHGGlctFzoGEVhyOAO17%2Fuploads%2FKcfizk0cwMFI1cCYTQ9j%2Fimage.png?alt=media&#x26;token=6becaada-cd6a-4a5e-88fd-4c22a117ff6e" alt=""><figcaption></figcaption></figure>

6. An **embedded scripts** pop up will appear. Click **preview in safe mode** to show the live chat embed.

<figure><img src="https://4165927833-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWHGGlctFzoGEVhyOAO17%2Fuploads%2F7CI6bIAF5mu96oFpXbno%2Fimage.png?alt=media&#x26;token=c5cd5a77-e3c8-4e4e-b336-35d131bbcfab" alt=""><figcaption></figcaption></figure>

7. Move to desired location. Save and publish.

<figure><img src="https://4165927833-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWHGGlctFzoGEVhyOAO17%2Fuploads%2F0qJWOc9dltX05RNTvTN0%2Fwrasse-heron-bn28.squarespace.com_.png?alt=media&#x26;token=6fa71a7b-ba07-4414-9d26-2fc33b1c01b1" alt=""><figcaption></figcaption></figure>

For more help, follow the guide on SquareSpace.

<https://support.squarespace.com/hc/en-us/articles/206543617-Embed-blocks?platform=v6&websiteId=678a985adb1bc74063289692>
