Add docs to add a website channel (#337)

app/javascript/dashboard/i18n/locale/en/inboxMgmt.json

@@ -1,7 +1,7 @@
 {
   "INBOX_MGMT": {
     "HEADER": "Inboxes",
-    "SIDEBAR_TXT": "<p><b>Inbox</b></p> <p> When you connect a Facebook Page to Chatwoot, it is called an <b>Inbox</b>. You can have unlimited inboxes in your Chatwoot account. </p><p> Click on <b>Add Inbox</b> to connect a new Facebook Page. </p><p> In the <a href=\"/app/dashboard\">Dashboard</a>, you can see all the conversations from all your inboxes in a single place and respond to them under the `Conversations` tab. </p><p> You can also see conversations specific to an inbox by clicking on the inbox name on the left pane of the dashboard. </p>",
+    "SIDEBAR_TXT": "<p><b>Inbox</b></p> <p> When you connect a website or a facebook Page to Chatwoot, it is called an <b>Inbox</b>. You can have unlimited inboxes in your Chatwoot account. </p><p> Click on <b>Add Inbox</b> to connect a website or a Facebook Page. </p><p> In the <a href=\"/app/dashboard\">Dashboard</a>, you can see all the conversations from all your inboxes in a single place and respond to them under the `Conversations` tab. </p><p> You can also see conversations specific to an inbox by clicking on the inbox name on the left pane of the dashboard. </p>",
     "LIST": {
       "404": "There are no inboxes attached to this account."
     },

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,
     });
   },
 

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)