> For the complete documentation index, see [llms.txt](https://docs.quickreply.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.quickreply.ai/overview/messaging-channels/website-chat/setting-up-live-chat.md).

# Setting up Live Chat

## Prerequisites

Before setting up Live Chat, ensure you have:

* [An active QuickReply account](/overview/getting-started/signing-up-and-activating-your-account.md)
* A website for your business
* Admin permissions to modify website settings (for non-shopify users)

***

## Setup Process

### Shopify Websites

For Shopify users, the **Live Chat widget is automatically installed** when you [install the **QuickReply app**](https://docs.quickreply.ai/overview/messaging-channels/website-chat/pages/cLmOBxov58I5MprusU68#id-1.-sign-up-via-the-shopify-app-store-recommended) for your Shopify store. To enable or disable the widget:

1. Open the **QuickReply app** from your Shopify admin.
2. Navigate to [**Website Options**](https://app.quickreply.ai/v2/settings/channels/website) under **Channels**.
3. Use the **toggle switch** to enable or disable the chat widget.

### Non-Shopify Websites

For businesses not using Shopify, the Live Chat widget must be manually embedded.

#### **Generate Live Chat Code**

* Log in to QuickReply and navigate to the profile options at the the bottom of the main mavigation panel and choose **Settings.**
* Go to **Website** under **Channels** and copy the **JavaScript snippet** provided.
* Configure chat appearance, automated messages, and URL rules from the **Chat Widget** option under **Settings**.

#### **Embed the Code on Your Website**

* Paste the code snippet **before the closing `</body>` tag** on your website.

#### **Configure Chat Visibility**

* Set display conditions (e.g., show chat only on specific URLs).
* Define auto-response triggers based on page behavior.

#### **Test Live Chat Functionality**

* Open your website in an incognito window and verify chat behavior.
* Send test messages to ensure conversations are getting created in QuickReply>Conversations panel and bot automation (if any) are working fine.

#### **Activate & Monitor**

* Enable chat on your website and start monitoring visitor interactions.
* Refine chat flows based on **real-time analytics and feedback**.

#### Chat Configuration

Regardless of the platform, you can further customize Live Chat settings:

* **Welcome Messages** – Set automated greetings for first-time visitors.
* **Business Hours Responses** – Configure different responses for working vs. non-working hours.
* **Agent Assignment Rules** – Define routing based on visitor type (e.g., sales vs. support inquiries).
* **Design Customization** – Modify the widget’s theme, color, and position to match branding.