Modèles de réponse prédéfinis

Introduction : C'est quoi les modèles de réponse prédéfinis et à quoi ça sert ?

Vous pouvez rendre votre contenu plus attractif en utilisant un modèle de réponse adapté.

Selon le message que vous souhaitez transmettre à votre public, vous pouvez choisir entre :

  • Quick reply

  • Fiche produit

  • Carrousel

Quick reply

Les réponses rapides sont des réponses prédéfinies que les chatbots offrent à leurs utilisateurs. Ils offrent aux utilisateurs des façons simples et guidées de répondre à un message.

Vous pouvez présenter jusqu'à 9 boutons dans une réponse qui contient également un titre et une image optionnelle (ou emoji).

Ces boutons peuvent être utilisés pour rediriger le public vers une nouvelle connaissance ou une URL externe.

Fiche produit

Une fiche produit vous permet de présenter un produit ou un service de façon visuelle.

Il permet d’inclure :

  • une image ou un gif

  • un titre

  • un entier

  • un sous-titre qui peut être utilisé comme descriptif

  • jusqu’à 3 boutons

Note : quand il y a plus d'un bouton, le premier aura toujours une couleur différente (la même que la couleur principale de la chatbox).

Carrousel

Un modèle de fiche produit n'affiche qu'une seule fiche tandis qu'un modèle de carrousel est composé d'un maximum de 5 fiches produits.

Comment créer des modèles de réponse prédéfinis dans le BMS ?

Pour les utilisateurs On-premise

Les modèles ne sont pas proposés comme option par défaut dans le BMS. Par conséquent, vous devez d'abord créer la structure du modèle dans le menu "Contenus - Connaissances - Avancé" pour pouvoir l'utiliser dans une réponse.

1. Quick reply

  1. Allez dans Contenus > Avancé > Modèles

  2. Cliquez sur le bouton Ajouter

  3. Définissez le titre qui doit être dydu_quick_reply_001 (sinon le modèle ne sera pas fonctionnel.)

  4. Confirmez la création du modèle en cliquant sur le bouton de vérification.

  1. Créer manuellement tous les champs du modèle de quick reply :

  • Cliquez sur le titre du modèle pour ouvrir la page d'édition.

  • Cliquez sur le bouton Ajouter pour ajouter un nouveau champ. Assurez-vous de respecter le format suivant et de ne pas personnaliser le nom du champ:

Nom du champType de données

button1

HTML

button2

HTML

button3

HTML

button4

HTML

button5

HTML

button6

HTML

button7

HTML

button8

HTML

button9

HTML

  1. Une fois terminé, allez à la page d'édition de la réponse où vous voulez utiliser le modèle.

Dans le menu "Modèle", sélectionnez "dydu_quick_reply_001" que vous venez de créer.

  1. Dans la fenêtre d'édition de chaque bouton, personnalisez le texte du bouton et assurez-vous qu'il contienne toujours un lien de redirection (vers une URL externe ou une connaissance).

  1. Voilà, c'est à quoi pourrait ressembler votre quick reply dans une conversation :

2. Fiche produit & Carrousel

  1. Allez dans Contenus > Avancé > Modèles.

  2. Cliquez sur le bouton Ajouter.

  3. Définissez le titre qui doit être dydu_carousel_001 (sinon le modèle ne sera pas fonctionnel.)

  4. Confirmez la création du modèle en cliquant sur le bouton de vérification.

  5. Créez manuellement tous les champs du modèle :

    • Cliquez sur le titre du modèle pour ouvrir la page d'édition.

    • Cliquez sur le bouton Ajouter pour ajouter un nouveau champ. Pour une fiche produit, assurez-vous de respecter le format et l'ordre des champs suivants et de ne pas personnaliser le nom du champ:

Nom du champType de champ

imageLink1

TEXT

imageName1

TEXT

title1

TEXT

numeric1

NUMERIC

subtitle1

TEXT

buttonA1

HTML

buttonB1

HTML

buttonC1

HTML

Pour créer un carrousel, répétez l'étape 5 en numérotant les champs avec le numéro suivant.

Exemple : pour la deuxième carte d'un carrousel, le champ correspondant devrait être :

Nom du champType de champ

imageLink2

TEXT

imageName2

TEXT

...

...

  1. Une fois terminé, allez à la page d'édition de la réponse où vous voulez utiliser le modèle.

Dans le menu "Modèle", sélectionnez "dydu_carousel_001" que vous venez de créer.

  1. Dans la case édition de chaque carte, remplissez les champs que vous voulez afficher dans votre carte (titre, description, boutons...). Les boutons doivent toujours contenir un lien de redirection (vers une URL externe ou un bout de connaissance). Les champs vides ne seront pas affichés dans vos cartes.

  1. Voilà, c'est à quoi pourrait ressembler une réponse contenant un carrousel :

Pour les utilisateurs SaaS

  • Allez dans Contenu > Avancé > Modèles

  • Cliquez sur Importer

  • Choisissez le modèle que vous souhaitez utiliser dans votre réponse

  • Retournez à la page d'édition de la réponse et cliquez sur "Plus d'options"

  • Dans la section "Modèle", choisissez le modèle que vous souhaitez utiliser

Pour le modèle de réponse quick reply, remplissez la case de bouton que vous voulez afficher en créant un texte personnalisé qui doit contenir un lien de redirection (vers une URL externe ou une connaissance). Si vous n'avez pas besoin de 9 boutons, il suffit de laisser les cases vides pour qu'elles ne soient pas affichées dans la chatbox.

Pour le modèle Fiche Produit / Carrousel, remplissez les champs que vous voulez afficher dans la fenêtre d'édition de chaque carte (titre, description, boutons...).

Les boutons doivent toujours contenir un lien de redirection (vers une URL externe ou un bout de connaissance).

Les champs vides ne seront pas affichés dans vos cartes.

Bonnes pratiques

Quick Reply

  • Utilisez le modèle Quick Reply pour proposer des étapes spécifiques à suivre par votre public.

  • Soyez bref, les réponses longues seront tronquées.

  • Si vous voulez ajouter une image dans un bouton, assurez-vous qu'il s'agit d'une image carrée jusqu'à 18 x 18px.

  • Chaque bouton peut contenir jusqu'à 15 caractères.

  • Chaque bouton doit contenir une redirection vers une URL ou une connaissance.

Fiche Produit & Carrousel

Pour ce type de modèle, la cohérence visuelle des composants est essentielle pour fournir des messages de qualité.

Vous devez prêter attention au ratio d'image

En tant que l'un des composants les plus accrocheurs du carrousel, les images doivent être choisies avec un ratio approprié pour garantir une esthétique globale.

Un rapport d'aspect d'une image est la relation proportionnelle de la largeur à la hauteur. Le premier chiffre représente la largeur et le second la hauteur. Essentiellement, le ratio définit la forme d'une image.

Par exemple, une image carrée a un ratio de 1:1, peu importe si sa dimension est de 50 x 50px ou 1500 x 1500px.

Comme autre exemple, une image horizontale (style paysage) pourrait avoir un ratio de 16:9. Il pourrait être 1920 x 1080px ou 1280 x 720px.

Dans le modèle Carrousel, comme les images peuvent être agrandies ou réduites pour s'adapter à différents contenus et largeurs de chatbox, elles n'ont pas toujours les mêmes dimensions, mais seront toujours de la même forme. C'est pourquoi vous devez prêter attention à la forme, pas à la taille.

N'oubliez pas la "Zone sécurisée"

En plus de la forme, vous devez prendre en compte la "zone de sécurité" dans le choix de votre image.

Une zone de sécurité d'une image est la partie qui sera toujours affichée, quelle que soit la forme ou la taille de l'écran.

Les images à l'intérieur des cartes du carrousel peuvent être modifiées en fonction du contenu. C'est pourquoi les détails les plus importants doivent être conservés dans la "zone de sécurité" pour éviter qu'ils ne soient coupés.

Par exemple, si vous voulez utiliser une image avec deux personnes qui discutent, nous vous recommandons de les avoir au centre de l'image. Gardez à l'esprit : plus votre image est centrée, mieux c'est !

Nos recommandations

Conseils généraux :

  • Nous vous recommandons d'utiliser jusqu'à 3 boutons par carte.

  • Limitez aux 35 caractères maximum pour le texte de chaque bouton.

  • Les boutons doivent contenir une redirection vers une URL ou une connaissance.

  • Limitez aux 85 caractères (espaces inclus) au maximum pour la description. Au-delà de cette limite, le reste du texte sera réduit avec "...lire plus".

Dernière mise à jour

Tous droits réservés @ 2023 dydu.