Download the open source Bot Libre Community Edition and install Bot Libre on your own server
Bot Libre Forum

Rich HTML Responses, Buttons, Links, and Choices

by admin posted Nov 30 2016, 15:10

Bot Libre allows for bot responses to contain rich content including bold text, fonts, styles, colors, images, video, audio, bullets, , links, and much more.

Bot responses can be plain text, or can contain HTML and even JavaScript content. HTML includes tags for bold, style, fonts, bullets, buttons, links, and much more. For more information on HTML see w3schools.

Bot Libre supports HTML on the web, and on mobile. For social media platforms, such as Facebook, Bot Libre maps the HTML content that is supported by the social media platform into their own native syntax, and strips any HTML content that is not supported. Bot Libre supports buttons, links, images, video, and audio on Facebook by mapping HTML elements to Facebook's button and link support.

HTML

Bot Libre supports most simple HTML, but filters complex HTML content to remove JavaScript and other potential security issues. It is possible to allow JavaScript and complex HTML in your bot by enabling the 'Allow JavaScript' option in your bot's learning settings (for security reasons, JavaScript is only available on botlibre.biz).

You can use HTML in bot responses to make them look more impressive, or to include media content such as images, video, or audio.

Example HTML response

You can <b>email</b> us at <a href="mailto:[email protected]">[email protected]</a>
<br/>or <b>phone</b> us at +1-613-777-1234
<br/>For other contact info see our <a href="https://www.botlibre.com/contact.jsp">website</a>

You can email us at [email protected]
or phone us at +1-613-777-1234
For other contact info see our website

Example media response

Check out our new robot<br/><img width="100" src="https://www.botlibre.com/avatars/at11879715.jpg"/>

Check out our new robot

Buttons, Links, and Choices

You can also use interactive HTML in your bot's responses to engage the user, and improve their user experience.

The HTML <button> tag can be used to provide the user with easy one click options. Bot Libre automatically associates a button click with a post back to the bot with the button text as the message.

Example button response

Do you want to book an appointment?<br/>
<button>Yes</button> or <button>No</button>

Do you want to book an appointment?
or

Bot Libre defines a special protocol for HTML links that allows the link click to send a post back message to the bot. Using the chat: protocol in any link, you can have the chat message sent to the bot when the link is clicked.

Example link response

Do you want to to order a <a href="chat:large">large</a> or a <a href="chat:small">small</a>?

Do you want to to order a large or a small?

Example choice response

What kind of pizza do you want to order a <select><option></option><option>cheese</option><option>vegetarian</option></select>

What kind of pizza do you want to order a

Commands for Social Media and Mobile

Bot Libre automatically translates HTML into the features supported by social media platforms like Facebook, Twitter, Telegram, and Slack. Bot Libre also provides a command tag to a response to enable it to invoke platform specific features.

A command is a JSON formatted object that is passed to the mobile client, or social media connector. Commands can be used in a "response list" file, the bot's Training page, or from scripts. For mobile, commands can be used to execute virtual assistant functions like opening apps and sending email from a phone. For Facebook, commands can be used to add buttons, and templates to a response.

For more information on mobile commands see, How to Use Commands.

Bots are the New Apps

"Bots are the new apps", this means that software development has shifted from building websites, to building mobile apps, and now to building bots. Bots lets you build a single interface into your business that can be deployed to the web, mobile, and social media.

Rich HTML responses enable bot's to behave like conversational apps, and provide a rich, easy to use, user experience.

If you encountered any issues, or would like help setting up your bot please email us at [email protected] or upgrade to our Platinum service and we can build your bot for you.


by minhas270 posted Dec 15 2016, 8:56

Please i want to  know that it is possible to make facebook messenger bot like this sample(https://developers.facebook.com/docs/messenger-platform/product-overview/conversation) through botlibre if possible then how to do this  any available help regarding this issue? thnks.


Updated: Dec 15 2016, 9:39
Thumbs up: 0, thumbs down: 0, stars: 0.0
Views: 4010, today: 0, week: 0, month: 36

by admin posted Dec 15 2016, 9:41

We support Facebook Messenger bots, with buttons, images, and links.

We also support setting the greeting, call-to-action button, and menus.

To send a message with a button just include the <button> tag in your bot's HTML response same for <img> <video> <a> <br/>


Updated: Jul 19 2017, 9:35
Thumbs up: 0, thumbs down: 0, stars: 0.0
Views: 3991, today: 0, week: 0, month: 27

by allanjay posted Jul 19 2017, 6:13

Hi!

When I upload my AIML script with choice response, the bot does not recognize the <option> tag. The bot's response is basically <select></select> with nothing in it.

Any suggestions on how to resolve this issue?

Regards,

Allan Jay


Updated: Jul 19 2017, 9:30
Thumbs up: 0, thumbs down: 0, stars: 0.0
Views: 3643, today: 0, week: 0, month: 33

by admin posted Jul 19 2017, 9:33
Currently our AIML support does not allow the <option> tag.
The issue has been fixed and will be in our next update.

You can use a response list for the response with the <option> tag for now. Response lists and Self scripts allow the <option> tag.

Updated: Jul 19 2017, 9:33
Thumbs up: 0, thumbs down: 0, stars: 0.0
Views: 3959, today: 1, week: 1, month: 33

by allanjay posted Jul 19 2017, 9:52

Thank you for your prompt reply. Will do that. May I ask when the next update is?


Thumbs up: 0, thumbs down: 0, stars: 0.0
Views: 3677, today: 0, week: 0, month: 28

by admin posted Jul 20 2017, 7:28
The next website update should be out next month.

Thumbs up: 0, thumbs down: 0, stars: 0.0
Views: 3750, today: 0, week: 0, month: 44

Id: 14805815
Tags: how to, html, facebook, apps, commands, buttons
Posted: Nov 30 2016, 15:10
Updated: Sep 20 2021, 10:59
Replies: 6
Views: 14084, today: 7, week: 7, month: 243
0 0 0.0/5