# Live Chat

The SprintHub Live Chat feature allows you to provide real-time support directly through your website. Follow the steps below to set up a new support widget with full customization.

**Step 1:** Go to the Live Chat Menu

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc50GDPnqzJZUTeIOLqYzHcUqKnbqprDTjBpH7iwJBGXxfZWldbIjka2l-YdN1lvJCCm4cq0Ayys5i2A42e0wILLq2eWDdN0uKh5feubg61xzOf0brRb8NwUY84JGZc7SoZ_Kl2?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Step 2:** Create a New Widget by clicking “+ New Widget”

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcfDm_yFdLnHMXMFeBSyOPSKhS4kUymkLLB6_883nVs0V7mt3kvdOHZ7oRFS6hRmemPeamyx5Qk_PE-kOnKVGh6kV2Ix2Yo2Y6nm_x7VXQVsySyBPMyGVgXXmiYZUOjnnHSA0u9?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Step 3:** Customize the Widget

At this step, you will configure the main details of your widget:

* Widget Name: Set an internal name to identify the widget.
* Form: Choose which form will be shown before the support session begins.

{% hint style="warning" %}
To create forms, check the step-by-step guide:[ How to Create Forms](https://docs.sprinthub.com/topicos/converter/formularios)
{% endhint %}

* Automatic messages: Customize the messages that will be sent automatically at different moments of the conversation.&#x20;

{% hint style="success" %}
You can use dynamic tokens (such as customer name, agent name, etc.) to make communication more personalized
{% endhint %}

* Show agent information: Enable or disable displaying the agent's photo and name.
* Public policy: Add the URL of your Privacy Policies to display in the chat.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeJvqr4xO0BoCUJXy729fUh9Qi4V8BpaeWEjgsV3EgDQrUyXYvj2a6H5RSfz5GqfnwBMbZ34TC0V_Ah7O5bmQO-cLHnTtCQG8K_m2UZEY4aRsNiOF_DRPXJ0mlZDNogBbD3sTng2w?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Step 4:** Customize the Look

Now it's time to adjust your chat's style so it matches your website's visual identity:

* Colors: text, backgrounds, buttons
* Chat Icon: Choose the icon that will be displayed in the corner of the page.

{% hint style="success" %}
In the right corner of the screen, you can preview in real time how the form and chat will be displayed
{% endhint %}

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdxDN60ye578L2TQSU-Cx-QKFR3yDQnraSTg-sQAvjykr4QdL8jHDuLfbjF50kRml4xjvMGd7wwORlYwWYj32i4_HOmmgPojt75SGnk0S98fKYw_piDW4zrkmmVj4ouIJGKomEpOg?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

**Step 5:** Activate and Integrate the Widget into Your Site along with the SprintHub Tracking code

{% hint style="success" %}
**Tracking:** Go to the system settings and click the option **Tracking** to copy the tracking script. Then paste it on the page, together with the web chat code.&#x20;
{% endhint %}

<figure><img src="/files/a66a7c7d02f717f8bf4c8ea8d00be25378beb50e" alt=""><figcaption></figcaption></figure>

* In the top right corner of the editing screen, toggle the switch to set the Widget to Active
* Copy the code and paste it into your site before closing the \<body> tag so the chat appears correctly.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXc61xBdq8KYjoKa5m6_5vFL4lm-Uvv1F7C9a-mjATevI393DfCrxPvNxh9N4Wu3WCSkEs6BfUYVxU_0MZVGLu0QqbhX4fjdPYhoEWxffM-UhdOgOcqh2_si0mSik0gu0AV9mnL6dg?key=_rJlwxISilb2pK-mUC3GKA" alt=""><figcaption></figcaption></figure>

### How to make messages sent in Live Chat appear in SAC 360?

1 - Go to SAC settings&#x20;

2 - Funnel/Pipeline&#x20;

3 - Click the option's gear "View accounts only"&#x20;

4 - Click the Live Chat account, and click "Save Changes"

<figure><img src="/files/62d47426440db4f78ff3b3c19813448d4604c36e" alt=""><figcaption></figcaption></figure>

🏁 Done!

Your Live Chat is configured and ready to use on your website. You can edit or deactivate the widget at any time by returning to the Live Chat area in SprintHub's main menu.

<br>


---

# 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.sprinthub.com/en/topics/convert/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.
