![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/Customize-Your-Copilot-Agent-in-Dynamics-365-to-Match-Your-Brand.png\")
<\/p>\n<\/p>\n
In today\u2019s digital world, creating a consistent brand experience is essential. Your Copilot agent, which serves as a vital point of interaction for customers, should reflect your brand. Making sure its visual design aligns with your identity can greatly boost user experience and build trust.<\/p>\n
In this blog, we\u2019ll explore three effective ways to customize the style of your Copilot agent:<\/p>\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/1Customize-Your-Copilot-Agent.png\")
<\/p>\n
We\u2019ll discuss when to use each method and how to implement them seamlessly.<\/p>\n
What It Is<\/strong><\/p>\n This method involves embedding the Copilot agent on your website and directly applying styling using JavaScript and CSS. It\u2019s a quick and developer-friendly way to make sure it fits seamlessly with your brand\u2019s style.<\/p>\n When to Use It<\/strong><\/p>\n How to Use It<\/strong><\/p>\n 1. Create and Publish the Agent<\/strong><\/p>\n 2. Enable Manual Authentication<\/strong><\/p>\n 3. Embed the Agent<\/strong><\/p>\n 4. Apply Styling<\/strong><\/p>\n 5. Outcome<\/strong><\/p>\n A Copilot agent that blends visually into your site, delivering a polished, cohesive experience.<\/p>\n What It Is<\/strong><\/p>\n Power Pages offers a low-code environment within the Microsoft Power Platform to customize the Out-of-the-box (OOB) Copilot agent embedded in your Power Page site. If the OOB Copilot is added and enabled from the Set Up workspace, a dedicated Copilot agent is created specifically for the Power Pages site. Using built-in tools like the Code Editor, you can easily modify the look and feel by adjusting fonts, colors, and layouts to match your brand.<\/p>\n When to Use It<\/strong><\/p>\n How to Use It<\/strong><\/p>\n 1. Set up Power Pages<\/strong><\/p>\n 2. Access the Code Editor<\/strong><\/p>\n 3. Apply Global Styling<\/strong><\/p>\n 4. Result<\/strong><\/p>\n 5. Reference<\/strong><\/p>\n Customize Agent Branding in Power Pages<\/a><\/p>\n What It Is<\/strong><\/p>\n The Microsoft Bot Framework offers full programmatic control<\/strong> over the chat experience, allowing you to build a Copilot agent that feels completely native to your site.<\/p>\n When to Use It<\/strong><\/p>\n How to Use It<\/strong><\/p>\n 1. Clone the Web Chat Repository<\/p>\n Fork or clone the Web Chat GitHub Repository<\/a> to access React components and style templates.<\/p>\n 2. Set Up the Development Environment<\/p>\n 3. Once your UI is ready, connect it to your bot using the Direct Line channel. This is what enables real-time communication between your Copilot agent and the custom interface you\u2019ve built.<\/p>\n 4. Embed in Your Website<\/p>\n Use a script or iframe to embed the fully customized chat into your site.<\/p>\n 5. Reference<\/p>\n Bot Framework SDK Documentation<\/a><\/p>\n In the Conclusion, whether you’re just enhancing the look or building a fully customized Copilot experience, Microsoft gives you the flexible option depending on how and where you are using the Copilot:<\/p>\n By making your Copilot match your site\u2019s branding, you’re not only improving how it looks, you\u2019re also building trust, making it easier to use, and creating a consistent experience for your users.<\/p>\n","protected":false},"excerpt":{"rendered":" In today\u2019s digital world, creating a consistent brand experience is essential. Your Copilot agent, which serves as a vital point of interaction for customers, should reflect your brand. Making sure its visual design aligns with your identity can greatly boost user experience and build trust. In this blog, we\u2019ll explore three effective ways to customize\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[2746,2361],"tags":[],"class_list":["post-41697","post","type-post","status-publish","format-standard","hentry","category-copilot","category-technical"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/41697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=41697"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/41697\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=41697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=41697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=41697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/2Customize-Your-Copilot-Agent.png\")
<\/p>\n\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/3Customize-Your-Copilot-Agent.png\")
<\/p>\n\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/4Customize-Your-Copilot-Agent.png\")
<\/p>\n\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/5Customize-Your-Copilot-Agent.png\")
<\/p>\n2. Customizing with Power Pages: (Low-Code Approach)<\/strong><\/h3>\n
\n
\n
\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/6Customize-Your-Copilot-Agent.png\")
<\/p>\n\n
\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/7Customize-Your-Copilot-Agent.png\")
<\/p>\n\n
\n
\n
\n
![\"Customize](\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2025\/07\/8Customize-Your-Copilot-Agent.png\")
<\/p>\n3. Customizing with Bot Framework: (Pro Developer Approach)<\/h3>\n
\n
\n
Conclusion<\/strong><\/h3>\n
\n