Cet article vous dispense des conseils sur l’apparence, l’intégration et la bonne utilisation des conversation starters.
1. Les conversation starters en quelques mots
1.1. Principe
Les conversation starters, générés avec de l’IA générative, vous permettent d’engager vos visiteurs directement depuis la page d’un produit sur votre site web ou application mobile, avec une personnalisation à grande échelle et très peu de configuration.
🚀 Nouveautés 2025 :
-
Optimisation pour la vente : depuis le 24 février, les conversations starters générés par l'IA sont optimisés. Les questions les plus cliquées et celles ayant conduit à des ventes sont automatiquement priorisées afin de maximiser l'engagement et les conversions.
- Persistance des Starters : depuis le 04 mars, une fois la conversation initiée, les conversation starters non cliqués restent visibles, permettant à vos acheteurs en ligne de sélectionner de nouvelles questions s’ils en ont d’autres. De plus, s’ils naviguent vers une autre page, les questions s’adaptent dynamiquement au produit affiché.
1.2. Pourquoi utiliser les conversation starters ?
- Augmentez les taux d'engagement réinventant les notifications de bulle de chat classiques.
- Personnalisation à l’échelle de votre engagement, en proposant des questions uniques adaptées au contexte des pages produits ou des recherches, avec une configuration minimale et intégrés pleinement au design de votre page web.
- Anticipez les besoins spécifiques de vos clients liés à un produit ou une catégorie.
- Facilitez l'accès aux conversations et combinez plusieurs méthodes d’engagement avec un seul clic pour envoyer une question au lieu de devoir les taper.
- Démarquez-vous grâce à des designs de notifications innovants et moins intrusifs que des notifications classiques.
2. Intégrez vos conversation starters depuis l’administration d’iAdvize
Après avoir demandé à votre contact iAdvize, les conversation starters seront activés sur votre site web.
- Pour les intégrer, rendez-vous dans l'administration puis Engagement > Notifications & Chatbox et cliquez sur
:
Vous pouvez désormais les configurer.
- Sélectionnez le conversation starter "Intégré".
- Rendez-vous dans l'onglet Style pour personnaliser les couleurs et la typographie:
- Dans l'onglet Contenu, vous pourrez définir la knowledge (catalogue produit CSV ou via API uniquement), les titres et les libellés de vos conversation starters:
Il est possible de choisir une knowledge base optionnelle, actuellement limitée au catalogue produit. En outre, le titre est personnalisable, offrant une plus grande flexibilité dans la présentation.
Vous pouvez également sélectionner de 2 à 5 starters à afficher selon vos besoins.
De plus, il est possible de rédiger manuellement un starter en choisissant l'option "custom":
Il est important de noter que si vous ajoutez des starters manuels, ils devront être déclinés dans chaque langue utilisée sur le site.
Enfin, vous avez la possibilité de prévisualiser les starters générés par l'IA en utilisant la partie droite de l'écran, où vous pouvez renseigner le produit en se basant sur son nom ou son identifiant pour simuler l'expérience utilisateur.
- Enfin, l'onglet Sélecteurs CSS, vous permet de définir quand et où afficher la notification sur votre page web:
Vous pouvez également définir des marges entre vos Conversation Starters et le reste des éléments de la page (par défaut 10 px).
3. Configurez vos conversation starters sur votre site web, nos conseils d’intégration
Cette partie technique vous aidera à installer les conversation starters sur votre site web. Elle se concentre principalement sur les sélecteurs CSS et les custom data.
3.1. CSS Sélecteur et positionnement
Lors de la création ou de la modification d'un "Embedded Conversation Starter" dans l'administration, le dernier onglet du panneau de gauche contient la configuration du sélecteur CSS :
Cela ressemble beaucoup aux Boutons Personnalisés. Nous avons :
- Un menu déroulant "afficher la notification" qui nous permet de choisir la position de la notification (à l'intérieur, avant ou après l'élément HTML).
- Un champ de saisie "élément HTML" qui nous permet d'ajouter un sélecteur CSS.
3.2. Choisir le bon sélecteur CSS
Nous utiliserons cet HTML comme exemple :
|
<div class="my-class-1"> A first block </div> <div class="my-class-2"> A second block </div> <div class="my-class-3"> A third block </div> |
|
Pour trouver le bon sélecteur, nous pouvons utiliser cette extension Chrome, "SelectorGadget": https://chromewebstore.google.com/detail/selectorgadget/mhjhnkcfbdhnjickkkdbjoemdmbfginb
Disons que nous voulons cibler le deuxième bloc avec le fond rouge :
- Cliquez sur l'icône de l'extension dans le coin supérieur droit:
- Cliquez sur l'élément que vous souhaitez sélectionner :
- Copiez le sélecteur :
Voici quelques exemples de positionnement :
| Position | Selecteur | Rendu |
|---|---|---|
| Avant | .my-class-2 | |
| Dedans | .my-class-2 | |
| Après | .my-class-2 |
4. Donnée personnalisée
Si le client utilise l'IA générative et a sélectionné une knowledge dans le template de notification de son "Embedded Conversation Starter" dans l'administration, alors une donnée personnalisée doit être présente sur la page.
Comment trouver quelle donnée personnalisée doit être présente sur la page ?
C'est la même que celle utilisée par le bot, si applicable. Elle est liée à la connaissance : vous pouvez la trouver dans AI Copilot > AI knowledge puis le sur le Editer la source de connaissance.
Voici la donnée personnalisée (dans cet exemple, "product_id") :
5. Les mots interdits
Il est possible de définir une liste de mots ou d'expressions (pouvant être des phrases complètes) qui ne pourront être proposées à vos clients au sein des Conversation Starters. Cette option est disponible dans le notification builder, sur l’onglet “Contenu” en bas à gauche.
Vous pouvez renseigner directement la liste de mots ou d'expressions à exclure des Conversation Starters en les renseignant manuellement puis en les séparant d’un saut à la ligne.
Autrement il est possible de venir importer directement les mots que vous aviez choisi de détecter depuis votre scénario de bot.
Il est important de noter que cette synchronisation avec vos bots n’est pas automatique et n’est pas réciproque. À chaque mise à jour de ces mots côté bot vous devrez refaire de même côté Conversation Starters.
N'hésitez pas à consulter nos conseils généraux sur le design des notifications avant de vous lancer dans la conception de votre conversation starter !
6. Intégrez votre Conversation Starter dans votre stratégie
Pour être visible des visiteurs de votre site, votre Conversation Starter doit être intégré à votre stratégie. Vous devez pour cela déclarer cette notification dans une de vos règles de ciblage.
7. Tips : créer un bon conversation starter
Les ingrédients clés pour créer un bon conversation starter :
- Concis pour une meilleure lisibilité.
- Pertinent pour capter l'attention de vos clients.
- Inclure des questions que les clients pourraient se poser avant d'acheter vos produits.
- Utiliser un ton direct et neutre pour rester simple.
- Éviter de répéter les noms des produits dans la question.
- Si votre public cible n'a pas de connaissances techniques, évitez de vous concentrer sur les détails techniques du produit et privilégiez des questions plus générales qui intéressent tous les publics.
- Proposer des questions qui mettent en valeur les points forts et les arguments de vente uniques du produit.
