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 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 in 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