Make dynamic carousels

Here’s how to present a dynamically filled carousel from an Excel, Airtable or G Sheet!

You have created a chatbot whose content is dynamic and entirely based on a database external to the chatbot (for example airtable).

Let’s imagine that you present to your users news classified by categories. The categories are dynamic and the news too. You want a user to be able to decide on their category of news before accessing the news that corresponds.

1st step :

Retrieve news categories

see https://aide.vizir.co/fr/articles/4150122-trigger-a-workflow-from-a-tool-third

2nd step:

Place these categories in a carousel in the “category” collection resource

see https://aide.vizir.co/fr/articles/3885130-comment-permit-aux-users-to-upload-images-into-the-chatbot

3rd step:

Retrieve the value of the selected category thanks to the click of the carousel button

TRICKY WARNING:

In the carousel you will have a “Select” button => this information alone may not let you know what the user has selected. This is why we are going to create a special payload for this button:

“Select_” dynamically followed by the name of the category, in your case therefore “{{tag.category.[].fields.name}}”

When the user clicks, you will have to extract the right part of “Select_” to retrieve the category selected by the user.

WARNING:

You are going to say to me “Why the hell not put the name of the category directly in the payload of the button without the “Select_” => because carousel payloads automatically create quick actions. If you start having quick actions with simple names, nothing will happen!!

Let’s resume. As soon as I have extracted the right part and retrieved my category, I trigger my workflow to retrieve the news with the correct category.

In Vizir, you can extract the right part with the extract right API action like this:

4th step:

Retrieve the corresponding news thanks to a workflow

https://aide.vizir.co/fr/articles/4150122-declencher-un-workflow-depuis-un-outil-tiers

5th step:

Place these news in a carousel in the “news” resource

cf https://aide.vizir.co/fr/articles/3885130-comment-allowing-users-to-upload-images-into-the-chatbot

It’s your turn !

To know all about the  chatbots and AI, subscribe to the Newsletter

Ce que vous lisez à l'air de vous plaire...

Et si vous vous inscriviez à notre newsletter ?

Recevez ce type de contenu et bien d’autres (outils, actualités, témoignages, podcasts…) toutes les semaines directement dans la boîte mail de votre choix. Désinscrivez-vous à tout moment.