image for site

Change Primary Color of Web Widget (Classic)

Learn how to change the primary color of your Web Widget (Classic) in Zendesk by navigating to the Admin Center and adjusting settings.

How do I change the primary color of the Web Widget (Classic)?

To change the primary color of the Web Widget (Classic), navigate to the Admin Center and go to Channel > Classic > Web Widget page. Under the Style tab, you can select the color for your Web Widget components using the Primary color setting.

If you want to customize further, you can untick the 'Use default color based on theme' option to access more color settings, such as text color. Don't forget to click Save after making your changes. For more detailed instructions, check out theConfiguring components in the Web Widget (Classic).


More related questions

How can I change the text color in the Web Widget (Classic)?

To change the text color in the Web Widget (Classic), you need to adjust the Theme text color setting. First, go to the Admin Center, then navigate to Channel > Classic > Web Widget page. Under the Style tab, untick the 'Use default color based on…

What should I do if I want to customize the Web Widget (Classic) beyond basic color changes?

If you're looking to make more specific or custom changes to the color of different widget components, you can refer to the advanced customization options. This involves using the developer documentation about the color property, which allows for…

How do I change the label text of the Chat Widget?

To change the label text of the Chat Widget, you need to edit the theme's code in the Guide. Click the Customize design icon, select the theme you want to edit, and choose Edit Code from the options menu. In the Templates section, modify the…

Is it possible to change the stroke color in the Web Widget (Classic)?

Currently, it is not possible to change the stroke color in the Web Widget (Classic). While you can adjust the text color by modifying the Theme text color setting, the stroke color remains unchangeable at this time. For any updates or changes to…

Interested indeflectingover 70% of your Zendesk support tickets?

Our AI customer support agent is here to help. Trained on all your help docs, installed directly into your Zendesk account, it can be used to automate customer replies for tickets or live chat. Learn more below.
Zendesk logo

Zendesk Support Tickets

Receive new tickets by email or a support form? This integration is for you.
My AskAI integrated within Zendesk to deflect support tickets
Learn about our Zendesk ticket integration
Zendesk logo

Zendesk Messaging (live chat)

Using Zendesk's Messaging widget on your site for live chat? This integration is for you.
My AskAI integrated within Zendesk to deflect customer support live chat conversations
Learn about our Zendesk Messaging integration

Join1,000+ companies reducing their support costs and freeing up support agents for more important work

Vestd company logo — Customer of My AskAI's AI customer support agents
Genesis company logo — Customer of My AskAI's AI customer support agents
Zinc company logo — Customer of My AskAI's AI customer support agents
Customer.io company logo — Customer of My AskAI's AI customer support agents
Zeffy company logo — Customer of My AskAI's AI customer support agents
NHS company logo — Customer of My AskAI's AI customer support agents
Kontakt.io company logo — Customer of My AskAI's AI customer support agents

Reduce support costs.Spend more time on customer success.

Our AI customer support agents are already used by 👇
Companies using AI assistants on their websites