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