web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Copilot Studio / Customizing the MCS Ag...
Copilot Studio
Suggested Answer

Customizing the MCS Agent UI in a Custom Website

(3) ShareShare
ReportReport
Posted on by JB-19021616-0 Microsoft Employee

Hi Team,

I have successfully integrated the MCS agent into our custom website using the iframe code snippet. However, I am looking for ways to customize the UI of the embedded agent to better align with our website’s design.

I have already explored options through the iframe approach, but it appears that customization is limited or not possible this way. Could you please advise if there are any supported methods or alternative approaches to customize the UI of the MCS agent within a custom website?

Appreciate your guidance and suggestions.

Thanks

Categories:
Bot extensibility
  • Suggested answer
    Arild Aarnes Profile Picture
    Arild Aarnes 579 Super User 2026 Season 2 on at
    Hi,
     
    You should be able to do quit a lot of customization by using the information from Customize the look and feel of an agent - Microsoft Copilot Studio | Microsoft Learn
    You will be able to change colors, fonts, avatars, chat bubbles etc. to make it align with your website design by using the instructions in the "Customize the default canvas (simple) section"
     
    The Copilot Studio Kit GitHub - microsoft/Power-CAT-Copilot-Studio-Kit, also have a Webchat Playground tools that can help to explore the possibilities.
     
    As a last resort you can host your own chat canvas and have complete control over the look and feel, but this is a more complex operation and involves custom development.
     
    Arild
     
     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the August Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Copilot Studio

#1
Mohsin Ali Profile Picture

Mohsin Ali 372

#2
Valantis Profile Picture

Valantis 258 Super User 2026 Season 2

#3
11manish Profile Picture

11manish 205 Super User 2026 Season 2

Last 30 days Overall leaderboard

Featured topics

Announcing the "Microsoft Copilot Studio ❤️ MCP" lab
Block PII/PCI in Copilot Studio agent user prompt

Product updates

Microsoft Power Platform Community release plans