# Install Website Chat Widget on Squarespace

Adding a web chat widget to your Squarespace website is a quick and easy process. It does not require any coding skills or technical knowledge.

<figure><img src="https://files.helpdocs.io/9e3syfbzn8/articles/3to8dv5fz1/1663711364561/squarespace-logo.png" alt="Squarespace logo"><figcaption></figcaption></figure>

#### Setting Up for Installation <a href="#setting_up_for_installation" id="setting_up_for_installation"></a>

In order to install a web chat widget on Squarespace, you will need the following:

* Access to your [Squarespace account](https://login.squarespace.com/).
* A code snippet for your web chat widget.

If you don't have a code snippet already, you will generate one when creating a respond.io [Website Chat Widget](https://docs.is-messenger.com/ismessenger/messaging-channels/website-chat-widget) or using the [Facebook Chat Plugin](https://docs.is-messenger.com/ismessenger/messaging-channels/facebook-messenger/facebook-chat-plugin) for [Facebook Messenger](https://docs.is-messenger.com/ismessenger/messaging-channels/facebook-messenger).

{% hint style="success" %}
If you have the channels already connected on the IS-Messenger platform and you need to retrieve the generated code snippet, follow the [instructions here](https://docs.is-messenger.com/ismessenger/messaging-channels/website-chat-widget).
{% endhint %}

#### Installing on Squarespace <a href="#installing_on_squarespace" id="installing_on_squarespace"></a>

**Step 1: Log in to Squarespace**

Log in to your [Squarespace account](https://login.squarespace.com/). Under the Websites tab, select the website to which you want to add the plugin.

<figure><img src="https://files.helpdocs.io/9e3syfbzn8/articles/3to8dv5fz1/1663711622591/installing-on-squarespace.png" alt="Squarespace dashboard"><figcaption></figcaption></figure>

**Step 2: Open settings**

From the left navigation panel, select **Settings**.

<figure><img src="https://files.helpdocs.io/9e3syfbzn8/articles/3to8dv5fz1/1663711683101/installing-on-squarespace-2.png" alt="Squarespace navigate to settings"><figcaption></figcaption></figure>

**Step 3: Open Advanced Settings**

From there, navigate to the **Website** section and click on **Advanced**.

<figure><img src="https://files.helpdocs.io/9e3syfbzn8/articles/3to8dv5fz1/1663711753568/installing-on-squarespace-3.png" alt="Squarespace Navigate to Advanced Settings"><figcaption></figcaption></figure>

**Step 4: Open the Code Injection Console**

From the advanced settings menu, select **Code Injection**.

<figure><img src="https://files.helpdocs.io/9e3syfbzn8/articles/3to8dv5fz1/1663711838783/installing-on-squarespace-4.png" alt="Squarespace Navigate to Code injection settings"><figcaption></figcaption></figure>

**Step 5: Paste the Script**

Copy your plugin script from respond.io and paste the script into the **Footer** section.

Once you have pasted the code, press **Save** on the top left.

<figure><img src="https://files.helpdocs.io/9e3syfbzn8/articles/3to8dv5fz1/1663711919179/installing-on-squarespace-5.png" alt="Squarespace paste the Script code in footer and save"><figcaption></figcaption></figure>

**Done!**

Open the website and check out the chat plugin. You will find it in the bottom-right corner. Now your website visitors can chat effortlessly with you. If you used the code snippets generated from the IS-Messenger platform, you will be able to manage the conversations and update the appearance of the widget from the Platform.

{% hint style="success" %}
The chat widget is now active on your website!
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.is-messenger.com/ismessenger/workspace-setting/growth-widgets/install-website-chat-widget-on-squarespace.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.