📝 Improve Chatwoot block instructions

baptisteArno · Dec 5, 2022 · ca8240b · ca8240b · vercel · Dec 5, 2022
1 parent 03b09ad
commit ca8240b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/apps/docs/docs/editor/blocks/integrations/chatwoot.md b/apps/docs/docs/editor/blocks/integrations/chatwoot.md
@@ -2,6 +2,17 @@
 
 The Chatwoot integration block allows you to open a Chatwoot widget to allow your user to directly talk to a human. It allows you to add a Live Chat layer on your typebot.
 
+## Requirements
+
+For this integration, you need a Chatwoot account and create a "Website" inbox:
+
+<img
+    src="/img/blocks/integrations/chatwoot/website-inbox.png"
+    alt="Create website inbox"
+  />
+
+## Setup
+
 Insert a Chatwoot block where you want to trigger the widget:
 
 <img
@@ -14,7 +25,9 @@ To find your website token, head over to Chatwoot in your Inbox settings:
 
 <img
     src="/img/blocks/integrations/chatwoot/website-token.png"
-    alt="Chatwoot block"
+    alt="Find website token"
   />
 
-You can prefill user information by adding collected variables to the "Set user details" inputs. For example, if you set the "Email" input to "john@gmail.com" then Chatwoot will automatically associate this email to the current user.
+You can prefill user information by adding collected variables to the "Set user details" inputs.
+
+For example, if you set the "Email" input to "john@gmail.com" then Chatwoot will automatically associate this email to the current user.
diff --git a/apps/docs/static/img/blocks/integrations/chatwoot/website-inbox.png b/apps/docs/static/img/blocks/integrations/chatwoot/website-inbox.png