# Install on Squarespace

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

![The Squarespace Logo](https://3688769499-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mbui1HRO4dGghy5ITOz%2F-Mcwa_0Qy7rkOhKX00tU%2F-Mcwan-zK8JXED6VmWK3%2Fimage.png?alt=media\&token=d98267d2-30ec-4afe-a70e-a6fdf522f308)

## Setting Up for Installation

{% hint style="info" %}
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
{% endhint %}

If you don't have a code snippet already, you will generate one when creating a ISMessenger [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="info" %}
If you have connected channels on the ISMessenger platform and you need to retrieve the generated code snippet, navigate to the [Manage Channels](https://docs.is-messenger.com/ismessenger/workspace-setting/channels) section under [Settings](https://docs.is-messenger.com/ismessenger/messaging-channels/website-chat-widget/broken-reference). Press the respective blue **Edit** button to find the generated script.
{% endhint %}

## **Installing on Squarespace**

### **Step 1: Log in to Squarespace**

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

![Selecting Your Website](https://3688769499-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mbui1HRO4dGghy5ITOz%2F-Mcwa_0Qy7rkOhKX00tU%2F-Mcwb464jyGcKp5CbO8r%2Fimage.png?alt=media\&token=c98fb0e2-46eb-4695-86f2-affa42442f01)

### **Step 2: Open settings**

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

![Navigating to Settings](https://3688769499-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mbui1HRO4dGghy5ITOz%2F-Mcwa_0Qy7rkOhKX00tU%2F-McwbEeTBECvDUrg5-vL%2Fimage.png?alt=media\&token=ea0f311c-6bfb-4be3-a468-25b64facd112)

### **Step 3: Open Advanced Settings**

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

![Navigating to Advanced Settings](https://3688769499-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mbui1HRO4dGghy5ITOz%2F-Mcwa_0Qy7rkOhKX00tU%2F-McwbO0UxX7h1OXdbvm5%2Fimage.png?alt=media\&token=e0100b40-5862-4906-a124-614049ef1ed1)

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

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

![Navigating to the Code Injection Console](https://3688769499-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mbui1HRO4dGghy5ITOz%2F-Mcwa_0Qy7rkOhKX00tU%2F-McwbWitJP26QP39Orfb%2Fimage.png?alt=media\&token=17faedb8-08d5-4c7d-bd88-23a66dc5ab19)

### **Step 5: Paste the Script**

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

![](https://3688769499-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Mbui1HRO4dGghy5ITOz%2F-Mcwa_0Qy7rkOhKX00tU%2F-McwbfhbD4FQU7kXjZn5%2Fimage.png?alt=media\&token=a1450bbd-cd5c-4edd-a62e-3db55fe10c3f)

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

### **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 ISMessenger 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 %}