Azure Bot Service Chatbots Gosmarter

Published:
Est. reading time: 1 minutes
Author: Shaun Faulkner

Of course!, you can position the iframe where ever you want it by adding it to the appropriate place in your HTML and style it using CSS as you would any other HTML element. This is the iframe that you insert into your code: <iframe src='https://webchat.botframework.com/embed/gosmarterfaqbot?s=YOUR_SECRET_HERE' style='min-width: 400px; width: 100%; min-height: 500px;'></iframe> For example, we have our chatbot added to our website and styled to match the theme As you can see you can embed the Chatbot inside interactive popups, include color themes, avatars and enable users to close or open to suit their needs.

Shaun Faulkner

Technologist with a passion for full stack engineering.

More

Of course!, you can position the iframe where ever you want it by adding it to the appropriate place in your HTML and style it using CSS as you would any other HTML element.

This is the iframe that you insert into your code:

<iframe src='https://webchat.botframework.com/embed/gosmarterfaqbot?s=YOUR_SECRET_HERE'  
style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>

For example, we have our chatbot added to our website and styled to match the theme

As you can see you can embed the Chatbot inside interactive popups, include color themes, avatars and enable users to close or open to suit their needs.

There are endless approaches to adding the bot to your website, and as mentioned above you can use Javascript to make it more interactive, thus less intrusive by enabling users to toggle it open and closed. For some more information on iframes and how they can be manipulated, check out iframes on MDN Web Docs.