I received a few requests recently to allow presbots 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:
Here's an example, in case you'd like to try embedding Sentinel Prime's Chatbot on your Wesbite for fun:
<!-- 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!