More images

chat/customization.mdx

@@ -2,11 +2,14 @@
 title: 'Customization'
 ---
 
+<Frame>![Customise chat](/public/images/chat-customisation.png)</Frame>
+
 ## General customization
 
 You can customize the chat widget to match your brand and user experience. You can change various aspects of the chat widget including both the appearance and behavior.
 
-<Frame>![Customise chat](/public/images/chat-customisation.png)</Frame>
+
+
 
 <Accordion title="General customization code">
   <Snippet file="chat/customization.mdx" />
@@ -36,6 +39,8 @@ set a label based on the page the user is on.
 
 ### Chat buttons
 
+<Frame>![Chat buttons image](/public/images/chat-button-customisation.png)</Frame>
+
 You can configure the primary chat button and any additional chat buttons that appear on the intro screen with text and an icon using the `chatButtons` array.
 
 You can also pass `threadDetails` to a chat button to set fields on the thread when the user creates a chat from that specific button. If you provide the same field
@@ -47,6 +52,8 @@ in both the top-level `threadDetails` and a chat button, any single value fields
 
 ### Chat forms
 
+<Frame>![Chat forms image](/public/images/chat-forms.png)</Frame>
+
 Similar to chat buttons, chat forms allow you to set fields on the thread when the user creates a chat. These are specific to each `chatButton`.
 
 <Accordion title="Chat forms code">