> For the complete documentation index, see [llms.txt](https://imbrace.gitbook.io/imbrace-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://imbrace.gitbook.io/imbrace-documentation/channels/web-widget.md).

# Web Widget

### Channel Integration

{% embed url="<https://drive.google.com/file/d/1XqNsn4Lutalq5aWkcdnGNOztbx6bt7-u/view?usp=sharing>" %}

### How to create a Web Widget?

**Step 1:** From left sidebar, click **Channels**, From Web Widget channel click the Add New button to create a new Web Widget

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

**Step 2:** Input your Web Widget name and click CREATE.

* This Web Widget name represents the internal label for your Web Widget.

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

**Step 3:** A “**Setup Needed**” label will appear next to the Web Widget name, click on the edit icon to complete the Web Widget setup.

<figure><img src="/files/0M2tyozLX1jM8fTNGbws" alt=""><figcaption></figcaption></figure>

**Step 4:** After the Web Widget Customization menu popped out, input your Widget window name, Widget chatbot name and a Welcome Message.

* **Widget window name** – This will display as the Web Widget's title.
* **Widget chatbot name** – Name for the chatbot interacting with users.
* **Welcome message** – The initial greeting users will see upon opening the Web Widget.
* Optionally, upload a Widget window logo and a profile image for the chatbot.

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

**Step 5:** In the next section which is Offline Email, input your Email subject title, Email sender’s name, Sender’s email address and CTA button URL link.&#x20;

* **Offline Email** – This email message will be sent to customers using the provided email address when customers are offline.
* **Email subject title** – Main title for the email message.
* **Email sender’s name** – The displayed name of the email sender.
* **Sender’s email address** – Email address of the sender.
* **CTA button URL link** – Redirect link for the Call-to-Action (CTA) button in the email.

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

* Optionally, you can select the option to display your own Legal disclaimer and a Powered by iMBrace text.

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

**Step 6:** Click on **DONE** and then click on **SAVE AND ACTIVATE** to activate the Web Widget.

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

* Copy and Paste the Installation Code on your website code to make the Web Widget appear on your website.

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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://imbrace.gitbook.io/imbrace-documentation/channels/web-widget.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.