{"id":1489,"date":"2022-10-24T15:18:07","date_gmt":"2022-10-24T14:18:07","guid":{"rendered":"https:\/\/botnation.ai\/?p=1489"},"modified":"2026-01-02T16:34:07","modified_gmt":"2026-01-02T15:34:07","slug":"utilisation-dun-carrousel","status":"publish","type":"support","link":"https:\/\/botnation.ai\/fr\/support\/utilisation-dun-carrousel\/","title":{"rendered":"Utilisation d&rsquo;un carrousel"},"content":{"rendered":"<p>Vous souhaitez ajouter un carrousel \u00e0 votre chatbot<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"908\" height=\"648\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/10\/image-42.png.webp\" alt=\"\" class=\"wp-image-1490\" srcset=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/10\/image-42.png 908w, https:\/\/botnation.ai\/wp-content\/uploads\/2022\/10\/image-42-300x214.png 300w\" sizes=\"(max-width: 908px) 100vw, 908px\" \/><\/figure>\n<\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\">1. Utilisation<\/h2>\n\n\n\n<p>Parmi les fonctionnalit\u00e9s de construction, cliquez sur \u00abCarrousel\u00a0\u00bb.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/10\/Carrousel_00_FR-1024x604.png.webp\" alt=\"\" class=\"wp-image-1492\"><\/figure>\n\n\n\n<p>Le carrousel contient des images, un titre, un sous titre et 3 boutons d\u2019action (voir les articles <a href=\"https:\/\/botnation.ai\/ajouter-des-boutons-messenger\/\">Ajouter des boutons (Messenger<\/a>) et <a href=\"https:\/\/botnation.ai\/ajouter-des-boutons-chatbot-web\/\">Ajouter des boutons (Chatbot Web<\/a>)). Vos utilisateurs peuvent faire d\u00e9filer les fiches carrousel en les faisant glisser sur leur mobile, tablette ou en cliquant sur les fl\u00e8ches de leur ordinateur &lt; &gt;.\u00a0<br>Les titres et sous-titres sont limit\u00e9s \u00e0 80 charact\u00e8res.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/10\/Carrousel_01_FR-1024x604.png.webp\" alt=\"\" class=\"wp-image-1494\"><\/figure>\n\n\n\n<p>Pour les images vous pouvez choisir entre deux formats ; carr\u00e9 ou rectangulaire.<\/p>\n\n\n\n<p>Lorsque vous glissez-d\u00e9posez une image, nous vous offrons maintenant un outil vous permettant de retailler et recadrer votre image afin qu\u2019elle corresponde au format attendu par la plateforme cible :\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/10\/image-43-1024x361.png.webp\" alt=\"\" class=\"wp-image-1496\"><\/figure>\n\n\n\n<p>Il vous suffit de d\u00e9placer l\u2019image \u00e0 l\u2019int\u00e9rieur du cadre pour choisir la partie qui sera affich\u00e9e dans le carrousel. Vous avez aussi la possibilit\u00e9 de zoomer.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Vid\u00e9o<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"#7 Ajouter un carrousel dans votre bot  - Les d\u00e9mos Chatbot de Maximilien\" width=\"780\" height=\"439\" src=\"https:\/\/www.youtube.com\/embed\/BLZRlcuQpas?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">3. Options<\/h2>\n\n\n\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"categorie-support":[183,169,185],"class_list":["post-1489","support","type-support","status-publish","hentry","categorie-support-chatbot-web","categorie-support-facebook-messenger","categorie-support-fonctionnalites"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/support\/1489","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=1489"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/fr\/wp-json\/wp\/v2\/categorie-support?post=1489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}