diff --git a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json index 8c3aaf0bb..dade29c6e 100644 --- a/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json +++ b/app/javascript/dashboard/i18n/locale/en/inboxMgmt.json @@ -1,7 +1,7 @@ { "INBOX_MGMT": { "HEADER": "Inboxes", - "SIDEBAR_TXT": "

Inbox

When you connect a Facebook Page to Chatwoot, it is called an Inbox. You can have unlimited inboxes in your Chatwoot account.

Click on Add Inbox to connect a new Facebook Page.

In the Dashboard, you can see all the conversations from all your inboxes in a single place and respond to them under the `Conversations` tab.

You can also see conversations specific to an inbox by clicking on the inbox name on the left pane of the dashboard.

", + "SIDEBAR_TXT": "

Inbox

When you connect a website or a facebook Page to Chatwoot, it is called an Inbox. You can have unlimited inboxes in your Chatwoot account.

Click on Add Inbox to connect a website or a Facebook Page.

In the Dashboard, you can see all the conversations from all your inboxes in a single place and respond to them under the `Conversations` tab.

You can also see conversations specific to an inbox by clicking on the inbox name on the left pane of the dashboard.

", "LIST": { "404": "There are no inboxes attached to this account." }, diff --git a/app/javascript/dashboard/store/modules/sidebar.js b/app/javascript/dashboard/store/modules/sidebar.js index efe7cd1bc..6c782e19e 100644 --- a/app/javascript/dashboard/store/modules/sidebar.js +++ b/app/javascript/dashboard/store/modules/sidebar.js @@ -173,6 +173,7 @@ const mutations = { channelType: data.channel_type, avatarUrl: data.avatar_url === undefined ? null : data.avatar_url, pageId: data.page_id, + websiteToken: data.website_token, }); }, diff --git a/docs/channels/images/add_agents.png b/docs/channels/images/add_agents.png new file mode 100644 index 000000000..a2a1d63b9 Binary files /dev/null and b/docs/channels/images/add_agents.png differ diff --git a/docs/channels/images/create_website.png b/docs/channels/images/create_website.png new file mode 100644 index 000000000..bc4a5eb5d Binary files /dev/null and b/docs/channels/images/create_website.png differ diff --git a/docs/channels/images/finish_inbox.png b/docs/channels/images/finish_inbox.png new file mode 100644 index 000000000..60d0eeef1 Binary files /dev/null and b/docs/channels/images/finish_inbox.png differ diff --git a/docs/channels/images/inbox_create.png b/docs/channels/images/inbox_create.png new file mode 100644 index 000000000..11b78a637 Binary files /dev/null and b/docs/channels/images/inbox_create.png differ diff --git a/docs/channels/images/inbox_settings.png b/docs/channels/images/inbox_settings.png new file mode 100644 index 000000000..187bb26e3 Binary files /dev/null and b/docs/channels/images/inbox_settings.png differ diff --git a/docs/channels/images/list_of_channels.png b/docs/channels/images/list_of_channels.png new file mode 100644 index 000000000..c924476b4 Binary files /dev/null and b/docs/channels/images/list_of_channels.png differ diff --git a/docs/channels/website-channel.md b/docs/channels/website-channel.md new file mode 100644 index 000000000..1eb5a492c --- /dev/null +++ b/docs/channels/website-channel.md @@ -0,0 +1,28 @@ +--- +path: "/docs/channels/website" +title: "How to create website channel?" +--- + +Step 1. Click on "Add Inbox" button from Settings > Inboxes page. + +![inbox_create](./images/inbox_create.png) + +Step 2. Click on "Website" icon. + +![list_of_channels](./images/list_of_channels.png) + +Step 3. Provide your website name and url. Website name will be shown on the live chat widget. + +![create_website](./images/create_website.png) + +Step 4. "Add agents" to your website inbox. + +![add_agents](./images/add_agents.png) + +Step 5. Hooray! You can sucessfully created a website inbox. Copy and paste the code shown in the page to your website and start supporting your customers. + +![finish_inbox](./images/finish_inbox.png) + +Step 6. If you want to update the agents who have access to the inbox, you can go to Settings > Inboxes. You will be able to see your website inbox listed there. Click on Settings. You will be able to Code as well the list of agents who have access to the inbox. + +![inbox_settings](./images/inbox_settings.png)