Copilot Studio on Website - Minimize Button

(1) Share

Report

Posted on by CU25091310-0

While deploying copilot studio bot on a custom website what is the best way to add the functionality of Minimizing or Closing a chatbot? I see it does not already come with this functionality when deploying to custom site.

Categories:

Design & build

I have the same question (0)

All responses (1)

Answers (0)

Suggested answer

Jon Unzueta 1,827 Super User 2025 Season 2 on at

Like (1)

Report
@CU25091310-0

You're deploying a Copilot Studio bot on a custom Power Pages site and want to add functionality for minimizing or closing the chatbot—something not included by default in the embed code. This is a common need for improving user experience, especially in public-facing or instructional environments like yours.

✅ Best Practices for Adding Minimize/Close Functionality

1. Use a Floating Widget with Custom Controls

The most effective approach is to wrap the Copilot embed code in a custom floating widget that includes minimize and close buttons. This allows you to control visibility and interaction without modifying the bot itself.

A helpful example is shared in the Power Platform Community forum:

Minimizing the Bot on a Website
It shows how to use a custom canvas or static HTML page to render the chatbot as a floating widget with minimize functionality.

2. Embed with Toggle Logic

You can embed the bot using an <iframe> or <div> and add JavaScript to:

Show/hide the bot container

Toggle visibility with a button

Optionally store the state in localStorage or sessionStorage to remember user preference

3. Use CSS for Positioning and Styling

Position the bot in a corner of the screen and style it with rounded edges, shadows, and transitions to make it feel native to your site.

🧩 Additional Considerations

Accessibility: Ensure buttons are keyboard-accessible and labeled for screen readers.

Mobile Responsiveness: Test the widget on mobile devices to ensure it doesn’t obstruct content.

Session Persistence: Use cookies or session storage to remember if the bot was minimized.

🏷️ Tag me if you have any further questions or if the issue persists. ✅ Click "Accept as Solution" if my post helped resolve your issue—it helps others facing similar problems. ❤️ Give it a Like if you found the approach useful in any way.

Was this reply helpful? Yes No