Articles → MICROSOFT AZURE → Integrate Azure Bot On The Web Page
Integrate Azure Bot On The Web Page
Steps
- Click on the "Channels" option within the "Bot Management"
Click to Enlarge
- A page will appear where you can select different channels like the web page, Facebook, etc.
- Click on the link "Get bot embed codes"
Click to Enlarge
- A popup window will appear. In the popup window, click on the link "Click here to open the Web Chat configuration page"
Click to Enlarge
- A page will appear, where you can see the secret key and iFrame embedded code
Click to Enlarge
- In the IFrame code, replace the placeholder "YOUR_SECRET_HERE" with the actual secret key
- Finally, add the iFrame code to the HTML page
<html>
<body>
<iframe src='https://webchat.botframework.com/embed/KG777?s=iSRt_dyQZy4.pdMvSZYWuwW5GSXjRlnHDcl3BX9hQIv_uvp9gKJX610' style='min-width: 400px; width: 100%; min-height: 500px;'></iframe>
</body>
</html>
Output
Click to Enlarge