We have now launched the capability in Tars Bot Builder to add Image Cards(see the image below) to your bots.

This is how Image Cards look like on the chat interface.

When giving users fixed options as an input UI, we understand that buttons on their own are not always the best way to express what each option means. Sometimes you might want to provide users with a picture along with the option to give them a better idea of the option they are selecting (e.g. restaurant menu).

This is why we have included Image Card UI as an option in the bot builder now.

Within this input UI, you can create cards (like the ones shown above) and give them an image, title, description and footer text.

To use this UI, open the gambit within which you want to use it.

Then select Cards under Fixed Options in the drop down menu :

You will now see the following appear below:

By default we start you off with one card. You can change the image url, heading description and footer. You can add more cards by clicking the Add card button.

And below the Add Card button you will see four checkboxes to tweak how the cards behave:

Send on tap– when this setting is turned on and a user taps the card within the chat, the selected option is sent instantly as opposed to the user having to press the card and then press “Send arrow” to send the selected option.

Optional input- Users are given the option not to give input in this gambit.

Multiple Input- When this option is switched on, users will be allowed to send multiple buttons before moving on in the conversation.

Branching — When more than one image cards are provided and this option is switched on, bot creators can redirect the conversation flow based on the the image card the user selects.

Go ahead and try it out!

Like this update and my thoughts here? Click the applause below. It lets others see the story and helps me in reaching out to a lot more people 🙂

We are a bunch of nice people working to create something really cool and valuable for our customers. Interested in working with us? Drop me a line at ish[at]hellotars.com