Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Copilot Studio - Bot Extensibility
Unanswered

Customizing the MCS Agent UI in a Custom Website

(3) ShareShare
ReportReport
Posted on by

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:
  • Suggested answer
    Arild Aarnes Profile Picture
    96 on at
    Customizing the MCS Agent UI in a Custom Website
    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

Quick Links

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Copilot Studio

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 169 Super User 2025 Season 1

#2
Romain The Low-Code Bearded Bear Profile Picture

Romain The Low-Code... 150

#3
sandeep_angara Profile Picture

sandeep_angara 75

Featured topics