Unanswered

Embed chatbot in Powerapps portal as collapsible window

(2) Share

Report

Posted on by Community Power Pla... Microsoft Employee

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

Categories:

Publish & channel management

I have the same question (0)

All responses (4)

Answers (0)

Sort by

micchow Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
CU22081450-0 Most Valuable Professional on at

Like (2)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Ashish2012 478 on at

Like (0)

Report
Copy link

Link copied!

Submit this idea: https://powerusers.microsoft.com/t5/Power-Apps-Ideas/

Was this reply helpful? Yes No
jpirelli Microsoft Employee on at

Like (1)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No