---
title: "Customizing the Design of your Automatic Reach Out Bots"
description: "Customize the design of the chatbots that will appear to your website visitors to match your branding using the steps below:"
url: "https://help.staticso2.com/ai-front-office-workers/website-assistant/chatbots/customizing-design-of-your-automatic-reach-out-bots"
---

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

[Section titled “Navigating to the Automatic reach out Design Page”](#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

[Section titled “Designing the Bot”](#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

[Section titled “Embedding the Code”](#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.