> For the complete documentation index, see [llms.txt](https://docs.bonomi.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bonomi.io/channels-overview/website-chat-widget/install-on-shopify.md).

# Install on Shopify

Installing a web chat widget on your Shopify store.

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

![](https://gblobscdn.gitbook.com/assets%2F-L8qsmIDw5_reabURkaE%2F-LjQ2hrdF2Q-_Lxlf0pq%2F-LjQHhdFbw7FCr2hPWuF%2FShopify%20Logo.png?alt=media\&token=1f2bbd22-62e7-4093-bda7-5e39ecf1565c)

## Setting Up for Installation <a href="#setting-up-for-installation" id="setting-up-for-installation"></a>

{% hint style="info" %}
In order to install a web chat widget on Shopify, you will need the following: - Access to your [Shopify account](https://accounts.shopify.com/store-login) - 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 Bonomi [Website Chat Widget](/channels-overview/website-chat-widget.md).

{% hint style="info" %}
If you have the channels already connected on the Bonomi platform and you need to retrieve the generated code snippet, navigate to the Manage Channels section under Settings. Press the respective blue **Edit** button to find the generated script.
{% endhint %}

## **Installing on Shopify** <a href="#installing-on-shopify" id="installing-on-shopify"></a>

### **Step 1: Log in to Shopify** <a href="#step-1-log-in-to-shopify" id="step-1-log-in-to-shopify"></a>

Log in to your [Shopify account](https://accounts.shopify.com/store-login) and click on **"Online Store"** on the navigation bar.

![Navigating to the Online Store Page](https://www.kommunicate.io/blog/wp-content/uploads/2018/06/admin.png)

### **Step 2: Click on Edit Code** <a href="#step-2-click-on-edit-code" id="step-2-click-on-edit-code"></a>

Navigate to **Themes** section. Here, click on the **Actions** dropdown menu and select the **Edit Code** option.

![The Edit Code Option](https://www.kommunicate.io/blog/wp-content/uploads/2018/06/actions1.png)

### **Step 3: Paste the Script** <a href="#step-3-paste-the-script" id="step-3-paste-the-script"></a>

Copy your plugin script from Bonomi platform. On the left panel of the Edit Code Page, click the **Sections** folder to expand it. Press the **footer.liquid** section and paste the chat plugin script.

![Pasting the Script](https://www.kommunicate.io/blog/wp-content/uploads/2018/06/add-script.png)

Once you have pasted the script into the appropriate section, press the purple **Save** button on the top left.

### **Done!** <a href="#done" id="done"></a>

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 Bonomi platform, you will be able to manage the conversations and [update the appearance ](/channels-overview/website-chat-widget.md#widget-appearance)of the widget from the Platform.

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