Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Copilot Studio - Publish & Channel Management
Unanswered

Embed chatbot in Powerapps portal as collapsible window

Like (2) ShareShare
ReportReport
Posted on 18 Nov 2019 02:19:51 by
Hey there,
The only option the chatbot can be displayed in website is as ifrmae which is very poor experience as I see advanced websites has collapsible bar that stick to the window. How can I modify it to make it modern?

I am using Powerapps portal and added chatbot to it page but it looks silly and need to code it to be useful.
Thanks
  • jpirelli Profile Picture
    Microsoft Employee on 04 Dec 2019 at 20:49:29
    Re: Embed chatbot in Powerapps portal as collapsible window

    I was able to get working but needs a but of tidying up. If you use the code there but alter this div, you can get your chat to work in the popup (correct the guid for your bot also)

     

    <div class="chat-popup" id="myForm">
      <iframe src="https://powerva.microsoft.com/webchat/bots/aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa" frameborder="1" width="300px" height="350px" onresize="this.style.height=this.contentDocument.body.scrollHeight +'px';" target="assets">
    </iframe><br> <form class="form-container">
        <button type="button" class="btn cancel" onclick="closeForm()">Close</button>
    </div>

     

    The rest of the code is default from the link. I think the bottom line is that the bot can be embedded in many ways as you see fit.

  • Ashish2012 Profile Picture
    478 on 04 Dec 2019 at 20:46:25
    Re: Embed chatbot in Powerapps portal as collapsible window
    Submit this idea: https://powerusers.microsoft.com/t5/Power-Apps-Ideas/
  • CU22081450-0 Profile Picture
    Most Valuable Professional on 03 Dec 2019 at 22:38:30
    Re: Embed chatbot in Powerapps portal as collapsible window

    Hi @Anonymous ,

     

    I created the idea: https://powerusers.microsoft.com/t5/Power-Apps-Ideas/Embed-chatbot-in-Power-Apps-Portal-as-collapsible-window/idi-p/418204

  • micchow Profile Picture
    on 19 Nov 2019 at 02:59:25
    Re: Embed chatbot in Powerapps portal as collapsible window

    Thank you for the suggestion!  We are aware iFrame comes with its limitation and will look into an improved no-code experience.  

     

    For the time being, it will require custom code on your website for a collapse/expand chat window experience.

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

Announcing the Engage with the Community forum!

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

🌸 Community Spring Festival 2025 Challenge Winners! 🌸

Congratulations to all our community participants!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Leaderboard > Copilot Studio - Publish & Channel Management

#1
Ekta Gupta Profile Picture

Ekta Gupta 9

#2
garzajp93 Profile Picture

garzajp93 6

#3
JV-16051525-0 Profile Picture

JV-16051525-0 4

Overall leaderboard

Featured topics

Loading started