The Editor tab is the visual customization space in Attlas.
This is where you can adjust colors, typography, styles, and other visual elements to make your chat fully aligned with your identity.
It was designed to help you create a chat that feels like yours — clearer, more beautiful, and more engaging for anyone who interacts with it.
What you’ll find in the Editor tab
Inside the Editor tab, you’ll find the following sections:
- Profile
- Avatar
- Background
- Buttons
- Bubbles
- Typography
- Social icons
- Widget (coming soon)
Below, we’ll walk through each section in detail.
Profile
In the Profile section, you configure the basic visual information of your chat:
- Profile Picture: add or change the display image for your chat.
- Chat name: choose a name that represents the content or purpose of the chat.
- Chat URL: set a custom URL to share a more professional and easy-to-remember link.
- Description: a short message to guide users or a phrase that represents your project.
- Welcome message: a message shown as soon as someone opens the chat — perfect for guiding the first interaction.
Avatar
In the Avatar section, you control how your profile picture is displayed:
Choose the image shape:
- Square
- Rounded
- Circle
Select the image size using one of the predefined options: Small, Medium, or Large.
Background
The Background section is one of the most powerful features in the Editor tab.
You can customize the chat background in two ways:
- Solid color: choose a brand color, your favorite color, or one that best matches your Attlas content.
- Image: upload your own image, a wallpaper, or any visual that represents your project.
To add an image, click Image and upload the file. You can preview and test different options directly in the chat.
Buttons
In the Buttons section, you can customize the style of your chat buttons.
You can choose:
- Button shape:
- Button style:
- Colors:
These options allow you to create buttons that feel bold, subtle, or perfectly aligned with your brand.
Bubbles
In the Bubbles section, you can choose the color of the chat conversation bubbles.
This helps reinforce your visual identity and makes the conversation more pleasant to read.
Typography
In the Typography section, you define the fonts used in your chat:
- Font for the chat title (chat name)
- Font for the conversation content
You can also select the font size:
- Small
- Medium
- Large
In the Typography section, you can also customize the color of links displayed during the conversation.
Whenever Attlas responds with a link — such as your website — it will appear using the color you choose, keeping the chat visually consistent with your brand.
These options improve readability and help adapt the chat to your preferred style.
Social icons
In the Social icons section, you choose the visual style of your social media icons.
Available styles include:
- Minimal: clean and subtle icons
- Outline: icons with outlines
- Colored: original, fully colored icons
Make it truly yours
Once you finish configuring the Edit tab, your chat will fully reflect your personal style or brand identity.
Your content stays the same — but the visual experience evolves.
Testing chat content and learning
After saving your changes, all customizations will be applied and your chat will be ready to share. Before doing so, we recommend testing how it responds.
To do this, use the Playground — an environment designed for you to experiment with your chat’s knowledge and communication without consuming messages from your plan.