✅How To Add A Chat Widget To Your Website

Learn how to add a chat widget to your website using Digably.

---

1. Click "Inbox"

From the dashboard, click "Inbox" in the left side menu.

2. Click "Inboxes"

Then, click "inboxes" in the top menu.

3. Click "Add Inbox"

Click on the "Add Inbox" button in the upper right.

4. Click the "Website Widget" tile.

Select the "Website Widget" tile.

5. Fill in the form fields.

Next, fill in the form fields with the appropriate information. This page will allow you to customize your chat widget with brand colors, a welcome message, and a channel greeting.

6. Click "Create inbox"

Now, click the blue "Create Inbox" button.

7. Select the agents that you would like to manage the chat inbox.

Select the agents that you would like to manage the chat inbox. This will be you, in most cases.

8. Click "Add agents"

Then, click on the "Add agents" button.

9. Click "Copy"

Click on the "Copy" button to copy the chat widget code. This will be pasted into the code of your website, so your chat bubble will be available for site visitors. Let's look at how to do that now.

10. Click "Pages"

First, navigate to the "Pages" section in the left side menu.

11. Select a site

Select the website you would like to place your chat widget on.

12. Click "Site Setting"

Inside the page builder, click on "Site Settings" in the upper left menu.

13. Click "Custom Code"

Click on the "Custom Code" option in the left menu.

14. Paste the code

Paste the code in the header section of your site.

15. Click "Save"

Make sure the code is "enabled," and click on the "Save" button.

16. Click "Save Draft"

Now click on the "Save Draft" button, and then preview your site.

17. Observe the newly created chat widget.

In your site preview, you will now see a fully functioning chat bubble on your website. Any messages that come in through this chat will automatically go to your inbox.

This guide provides step-by-step instructions on adding a chat widget to your website using Digably.