I received a few requests recently to allow your presbots (aka. personal chatbots) to be embedded on any website. It made perfect sense. I bumped this up on my backlog and started planning out my approach and listed down my options to implement this, here're some initial thoughts and implementation goals:
The styles of the embed should not interfere with the hosting website
The user should be able to track activity across their embeds
<!-- Start of Async Presbot Code -->
<script async data-chaturl="http://www.presbot.com/1-presbot/embed/chat"data-cssurl="https://presbot-assets-prod.s3.amazonaws.com/static/css/presbot-widget.css"data-first_name=Sentinel data-imgurl=https://presbot-assets-prod.s3.amazonaws.com/media/images/profile/sp_1.jpeg src="https://presbot-assets-prod.s3.amazonaws.com/static/js/presbot-widget.js"></script>
<!-- End of Async Presbot Code -->
You can also find the embed code by navigating to Sentinel's page and click Embed on the top right of the chat card. I have some ideas to make this sleek and avoid passing assets urls directly, but for the time being this implementation works effectively.
Let me know if you have any thoughts of how this could have been done differently or better at firstname.lastname@example.org
Keep watching this space for more write-ups and interesting articles from my experience developing Presbot.
Have a good one!
Read 138 times
Presbot is a new platform to create
reliable, no-code, lightning fast chatbots.