Stay organized with collections
Save and categorize content based on your preferences.
The mobile SDK offers extensive customization capabilities, designed to empower
you to incorporate brand requirements and create a unique and customized
experience. This document provides a comprehensive overview of the available
options in the mobile SDK to optimize consumer chat interactions.
You can include as much or as little customization as you require to fit your
business needs. Here is a side-by-side comparison of a default chat and a highly
customized chat.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Hard to understand","hardToUnderstand","thumb-down"],["Incorrect information or sample code","incorrectInformationOrSampleCode","thumb-down"],["Missing the information/samples I need","missingTheInformationSamplesINeed","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-25 UTC."],[[["\u003cp\u003eThe mobile SDK allows for extensive customization to align with specific brand requirements and create unique user experiences.\u003c/p\u003e\n"],["\u003cp\u003eCustomization options include visibility, style, color, font, and icon adjustments across various chat elements.\u003c/p\u003e\n"],["\u003cp\u003eHeader, inline buttons, back button, end button, timestamps, system messages, message bubbles, and the user input bar are all customizable.\u003c/p\u003e\n"],["\u003cp\u003eUsers can adjust text fields, background colors, borders, and corner radii for nearly all elements of the mobile chat experience.\u003c/p\u003e\n"],["\u003cp\u003eCustom animation is available for the loading spinner.\u003c/p\u003e\n"]]],[],null,["# Mobile SDK chat customization guide\n\nThe mobile SDK offers extensive customization capabilities, designed to empower\nyou to incorporate brand requirements and create a unique and customized\nexperience. This document provides a comprehensive overview of the available\noptions in the mobile SDK to optimize consumer chat interactions.\n\nYou can include as much or as little customization as you require to fit your\nbusiness needs. Here is a side-by-side comparison of a default chat and a highly\ncustomized chat.\n\nHeader\n------\n\n- Visibility\n\n- Avatar icon\n\n- Text\n\n- Font (size, style and color)\n\n- Divider color\n\n- Divider width\n\nInline button\n-------------\n\n- Style\n\n- Alignment\n\n- Background color\n\n- Text color\n\n- Corner radius\n\n- Font (size, style and color)\n\n- Border color\n\n- Border Width\n\nBack button\n-----------\n\n- Text\n\n- Icon\n\n- Text color\n\nEnd button\n----------\n\n- Visibility\n\n- Font (size, style and color)\n\nTimestamp\n---------\n\n- Font (size, style and color)\n\nSystem message and buttons\n--------------------------\n\n- Background Color\n\n- Corner Radius\n\n- Font (size, style and color)\n\n- Border color\n\n- Border width\n\nConsumer and agent message bubbles\n----------------------------------\n\n- Background color\n\n- Corner radius\n\n- Font (size, style and color)\n\n- Border color\n\n- Border width\n\n- Avatar\n\nUser input bar\n--------------\n\n- Background color\n\n- Border color\n\n- Border width\n\n- Camera icon\n\n- Co-browse icon\n\n- Send button icon\n\nUser input bar (text field)\n---------------------------\n\n- Corner radius\n\n- Cursor color\n\n- Placeholder text\n\n- Font (size, style and color)\n\n- Border color\n\n- Border width\n\nLoading spinner\n---------------\n\n- Custom animation"]]
