Customize Dialog

Dialog is set up and trained. Time to make it yours. Personalizing Dialog helps it blend with your store and reflect your brand.

1. Visual customization in Shopify

From your Shopify theme settings, adjust:

• Font and colors to match your brand.
• Custom CSS for full control over the look and feel.

2. Assistant personalization in Dialog

In your Dialog dashboard, define the assistant’s identity:

• Name — give your assistant a friendly or brand-aligned name.
• Assistant logo — upload your logo.
• Add-to-cart logo — pick an icon that fits your industry.

A well-personalized assistant looks better and builds more trust with customers.

3. Custom CSS classes

You can override these CSS classes via your Shopify theme’s Custom CSS:

Class	Target
.dialog-input	The question input
.dialog-suggestions-item	Suggested questions
.dialog-add-to-cart-button	Add-to-cart button
.dialog-human-message	Customer messages
.dialog-ai-message	AI responses
.dialog-feedback-button	Feedback buttons

Example:

.dialog-input {
  border-color: blue;
}
.dialog-suggestions-item {
  border-color: red;
}
.dialog-feedback-button {
  border-color: orange;
}
.dialog-add-to-cart-button {
  background-color: green;
}
.dialog-human-message,
.dialog-ai-message * {
  font-size: 10px !important;
}

Result: