web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Pages Customizing Chatbot Th...

Power Pages

Suggested Answer

Customizing Chatbot Theme and Alignment in Copilot for Website Integration

(0) Share

Report

Report

Posted on by SA-19100704-0

Hi everyone,

I’ve integrated a chatbot (using Copilot) into a custom website and would like to customize its appearance further. Specifically, I’m looking to:

Change the chatbot's color theme (Header, font colors, etc.).
Adjust the content alignment (e.g., text alignment inside the chatbot frame).

Is there a way to achieve this within the Copilot configuration, or would I need to handle it via custom CSS/JavaScript in the website’s code? Any detailed guidance or code examples would be greatly appreciated!

I really appreciate any help you can provide.

ChatBot Pic.png

Categories:

I have the same question (0)

All responses Img

All responses (1)

Answers Img

Answers (0)

Suggested answer

Shafiuddin 74 on at

Like (0)

Report
Copy link

Link copied!

Power Virtual Agents (PVA) provides some theme customization directly:

Go to Power Virtual Agents portal.

Select your bot → Channels → Custom Website.

In the Embed configuration, you can sometimes set:

Primary color (header/footer background)

Accent color (buttons, highlights)

Bot icon

Font style and size (limited) Copy the generated embed script for your website.

1 people found this reply helpful.

Was this reply helpful? Yes No

Join the conversation

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Subscribe to this forum!

Stay up to date on forum activity by subscribing.

Leaderboard > Power Pages

#1

#2

oliver.rodrigues 31 Most Valuable Professional

#3

Last 30 days Overall leaderboard

Featured topics

Solution to LinkedIn Authentication in Power Apps Portals

Welcome to the Power Pages forum!

Product updates

Microsoft Power Platform Community release plans