# 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.


---

# 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.quickreply.ai/overview/messaging-channels/website-chat/setting-up-live-chat.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.