Customizing the Chat Widget's Design and Appearance
Last updated August 2, 2024
Making your AI chatbot feel like a natural part of your website involves more than just adding the chat widget; it's about creating a consistent and visually appealing experience for your users. Aument's platform offers a range of customization options to ensure the chat widget seamlessly integrates with your website's design and branding.
Tailoring the Look and Feel:
- Access Widget Settings: After integrating the chat widget, navigate to your Aument dashboard. Choose your chatbot, and within the "Integrations" section, find the "Web Integration" settings.
- Customize the Position: Decide where you want the chat widget to appear on your website. Aument offers options for:
- Bottom Right Corner: This is a common and unobtrusive location, allowing users to easily access the chatbot without disrupting the main content of your website.
- Bottom Left Corner: You can opt for this placement if it aligns better with your website's design.
- Floating: The chat widget can be set to float, allowing users to move it around the screen to their preferred position.
- Adjust Color and Theme: Aument provides a range of color palettes and themes to match your website's design.
- Background Color: Choose a background color that complements your website's overall aesthetics.
- Button Color: Customize the color of the chat widget button to ensure it stands out effectively against the background.
- Text Color: Adjust the text color within the chat widget for optimal readability.
- Change the Size and Shape: Aument allows you to adjust the size and shape of the chat widget to fit your website's design.
- Width: You can set the width of the chat widget to ensure it displays prominently without overwhelming the screen.
- Height: Adjust the height to accommodate the desired length of the chatbot's responses.
- Shape: There are options to customize the shape of the chat widget, such as rounded corners, square edges, or a more unique design.
- Add a Custom Icon: You can replace the default chat widget icon with your own logo or an icon that represents your brand to further enhance the visual integration.
- Preview and Test: After making any changes, preview the widget's appearance on your website. Test it thoroughly to ensure the customized design aligns with your expectations.
Was this article helpful?