You seem to like what you read...
Why not subscribe to our newsletter?
Receive this type of content and many others (tools, news, testimonials, podcasts…) every week directly to the mailbox of your choice. Unsubscribe at any time.
Accueil > How to > API Actions > Make dynamic carousels
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 !
Book a 1 to 1 demo
with a Vizir expert and discover what a
chatbot can do for you.
Receive this type of content and many others (tools, news, testimonials, podcasts…) every week directly to the mailbox of your choice. Unsubscribe at any time.