Customize the design of the chatbots that will appear to your website visitors to match your branding using the steps below:

Navigating to the Automatic reach out Design Page

1. Click on Chatbots in the left-hand navigation menu.
2. Click on the blue target with an arrow in the top-right.
3. Click on Design in the left-hand menu.

Designing the Bot

The Embed Designer provides a live preview (WYSIWYG editor), allowing you to see real-time updates of what your bot will look like.

Here are the key customization options available:

• Theme Color: Adjusts the overall color design of the bot.
• Chatbot Icon: Image displayed at the top of the bot and next to its messages.
• Company Name: Name displayed at the top of the bot.
• Chatbot Name: Name displayed next to each of the bot’s messages.
• Launcher shapes and icons: Adjust what the launcher button looks like.

Embedding the Code

1. Click Get the code (bottom right) to generate the embed code.
2. Click on Copy & close to copy the embed code.
3. Add the code on your website.