Pour les chatbots-web, il y a deux fa\u00e7ons de capture une date : avec un bouton qui ouvre un nouvel onglet avec un calendrier visuel comme sur Messenger ou directement int\u00e9gr\u00e9 dans la fen\u00eatre de discussion.<\/p>\n\n\n\n
![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/Mockups_Calendrier_FR-1024x495.png.webp\")
<\/figure>\n\n\n\nLes informations collect\u00e9es seront automatiquement inject\u00e9es dans des variables utilisables dans les conditions et webhooks.<\/p>\n\n\n\n
Avant toute chose, nous allons pr\u00e9ciser un \u00e9l\u00e9ment que vous nous demandez souvent ! Botnation AI compte 2 types de variables li\u00e9s aux dates :<\/p>\n\n\n\n
- \n
- calendar_day<\/li>\n\n\n\n
- bn_date<\/li>\n<\/ul>\n\n\n\n
Nous allons nous int\u00e9resser ici au premier. Pour comprendre comment fonctionne bn_date<\/strong>, c\u2019est ici<\/a> que \u00e7a se passe !<\/p>\n\n\n\n
Vous souhaitez demander \u00e0 l\u2019utilisateur de votre chatbot de saisir une date via notre fonction calendrier. Dans ce cas, vous retrouverez la valeur de cette saisie sous la variable {{CALENDAR_DAY}}<\/strong>. Elles sont statiques.<\/p>\n\n\n\n
Dans le cas o\u00f9 vous souhaiteriez demander la date du jour au chatbot, suivez le guide, nous avons tout d\u00e9taill\u00e9 sur cet article<\/a>.<\/p>\n\n\n\n\n\n
1. Utilisation pour Messenger<\/h2>\n\n\n\n
Parmi les fonctionnalit\u00e9s de construction, cliquez sur \u00ab\u00a0Date et Heure\u00a0\u00bb.<\/p>\n\n\n\n
![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/Calendar_00_FR_FBM-1024x604.png.webp\")
<\/figure>\n\n\n\nCela cr\u00e9e un bouton pr\u00e9configur\u00e9.<\/p>\n\n\n\n
![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/Calendar_01_FR-1024x604.png.webp\")
<\/figure>\n\n\n\nCliquez sur le titre de ce bouton, cela ouvrira le panneau de configuration du bouton directement \u00e0 l\u2019onglet \u00ab\u00a0Date et heure\u00a0\u00bb.<\/p>\n\n\n\n
![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/Calendar_Button_01_FR-1-1024x932.png.webp\")
<\/figure>\n\n\n\nPuis renseigner les champs n\u00e9cessaires. Vous pouvez proposer la date ou l\u2019heure individuellement ou les deux sur la m\u00eame interface. Il vous est \u00e9galement possible s\u00e9lectionner une couleur pour personnaliser ce menu.<\/p>\n\n\n\n
Pour les utilisateurs de votre chatbot, cela affichera un bouton qui, une fois cliqu\u00e9, affichera une WebView.<\/p>\n\n\n
\n![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-73.png.webp\")
<\/figure>\n<\/div>\n\n\nL\u2019interface visuelle est fluide et ergonomique, \u00e9vitant ainsi \u00e0 vos utilisateurs de saisir \u00e0 la main ces informations.<\/p>\n\n\n
\n![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-75.png.webp\")
<\/figure>\n<\/div>\n\n\n2. Utilisation pour les chatbots-Web<\/h2>\n\n\n\n
A. Capturer la date et l\u2019heure \u00e0 partir d\u2019un bouton <\/h4>\n\n\n\n
Si vous cr\u00e9ez un bouton et que vous choisissez l\u2019onglet \u00ab\u00a0Date et heure\u00a0\u00bb dans l\u2019interface de configuration, le fonctionnement est exactement le m\u00eame que pour Messenger. Cela cr\u00e9era donc un bouton qui, une fois cliqu\u00e9, ouvrira un nouvel onglet dans le navigateur avec l\u2019interface visuelle de capture de date et heure.<\/p>\n\n\n\n
B. Capturer la date et l\u2019heure en utilisant la fonctionnalit\u00e9 \u00ab\u00a0Date et heure\u00a0\u00bb<\/h4>\n\n\n\n
Parmi les fonctionnalit\u00e9s de construction, cliquez sur \u00ab\u00a0Date et Heure\u00a0\u00bb.<\/p>\n\n\n\n
![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/Calendar_00_FR-1-1024x604.png.webp\")
<\/figure>\n\n\n\nPuis renseigner les champs n\u00e9cessaires. Vous pouvez proposer la date ou l\u2019heure individuellement ou les deux sur la m\u00eame interface. <\/p>\n\n\n\n
![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/Calendar_02_FR-1024x604.png.webp\")
<\/figure>\n\n\n\nPour vos utilisateurs, la saisie de la date et de l\u2019heure se fera directement dans la fen\u00eatre du chatbot dans le flux de la conversation.<\/p>\n\n\n\n
![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-76.png.webp\")
<\/figure>\n\n\n\n\n
ATTENTION<\/strong>
Cette fonctionnalit\u00e9 ne peut \u00eatre plac\u00e9e qu\u2019en fin de s\u00e9quence.<\/p>\n<\/blockquote>\n\n\n\n3. Variables collect\u00e9es<\/h2>\n\n\n\n
Les dates et heures collect\u00e9es sont disponibles dans des variables \u00ab\u00a0Saisie de date\u00a0\u00bb :<\/p>\n\n\n
\n![\"\"](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-77.png.webp\")
<\/figure>\n<\/div>\n\n\nLe num\u00e9ro du jour : {{CALENDAR_DAY}}<\/p>\n\n\n\n
Le num\u00e9ro du mois : {{CALENDAR_MONTH}}
L\u2019ann\u00e9e \u00a0: {{CALENDAR_YEAR}}<\/p>\n\n\n\nL\u2019heure : {{CALENDAR_HOUR}}<\/p>\n\n\n\n
Les minutes : {{CALENDAR_MINUTE}}
Le jour de la semaine de 1 (dimanche) \u00e0 7 (samedi) ) : {{CALENDAR_DAY_OF_WEEK}}
Le num\u00e9ro de la semaine (1..52) : {{CALENDAR_WEEK_OF_YEAR}}<\/p>\n\n\n\nLa date au format Timestamp : {{CALENDAR_TIMESTAMP}}<\/p>\n\n\n\n
4. Options<\/h2>\n\n\n\n
A \u2013 Vous pouvez laissez un commentaire \u00e0 vos collaborateurs \u00e0 propos de cette fonctionnalit\u00e9 en cliquant sur l\u2019ic\u00f4ne (voir ci-dessous).
Voir l\u2019article :\u00a0Ajouter des Commentaires<\/a><\/p>\n\n\n\n![\"Ajouter](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/08\/Texte_06_FR-1-1024x604.png.webp\")
<\/figure>\n\n\n\nB \u2013 En cliquant sur l\u2019ic\u00f4ne \u00ab\u00a0?\u00a0\u00bb, l\u2019aide en ligne s\u2019ouvrira sur l\u2019article correspondant \u00e0 cette fonctionnalit\u00e9.<\/p>\n\n\n\n
![\"Aide](\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/08\/Texte_08_FR-1024x604.png.webp\")
<\/figure>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"categorie-support":[183,169,185,171],"class_list":["post-13279","support","type-support","status-publish","hentry","categorie-support-chatbot-web","categorie-support-facebook-messenger","categorie-support-fonctionnalites","categorie-support-variables"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/support\/13279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/types\/support"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/media?parent=13279"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/categorie-support?post=13279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}