Product Tours vous permet de créer une meilleure première expérience produit pour vos customers, afin d’accélérer leur adoption. Vous pouvez créer une série de messages intégrés pour guider les customers dans votre produit, afin qu’ils en découvrent plus rapidement la valeur.
Concevoir une visite est rapide et facile, et ne nécessite aucun code. Voici comment commencer :
Concevez une visite du produit
Tout d’abord, allez dans Outbound depuis le menu principal et cliquez sur + Nouveau message en haut à droite.
Ensuite, choisissez Visite du produit comme type de contenu.
Vous pouvez aussi choisir de commencer avec un modèle préfabriqué en sélectionnant ce type de contenu dans la barre latérale gauche.
Note : Les Product Tours sont spécialement conçus pour fonctionner avec des applications web de bureau. Pour une expérience multi-étapes engageante sur votre application mobile, essayez les Carrousels mobiles.
Pour cet exemple, nous commencerons de zéro. Donnez à votre visite un titre court et percutant ainsi qu’une description. Par exemple, si vous concevez une visite pour onboarder de nouveaux users, vous pourriez l’appeler « Commencer » :
Modifier l’URL de la visite du produit
Pour changer l’URL d’une visite du produit :
Allez dans Modifier la visite
Cliquez dans Créer votre visite
Faites défiler vers le bas pour cliquer sur Paramètres
Cliquez sur le crayon à côté de Construire la visite sur
Tapez l’URL où vous souhaitez que la visite soit située puis cliquez sur Changer de site web
Note : Assurez-vous de cliquer sur Enregistrer et fermer avant de quitter la page principale de la visite après avoir effectué des modifications !
Important : Les customers verront le titre et la description de votre visite lorsque vous partagerez une visite dans les conversations, bots ou messages.
Vous pouvez envoyer votre visite depuis n’importe quel coéquipier, ou masquer complètement l’expéditeur :
Astuce pro : Si vous utilisez le marketing basé sur les comptes, vous pouvez aussi envoyer votre visite aux comptes clés depuis leur propriétaire.
Vous pouvez aussi définir une couleur personnalisée pour les boutons de votre visite :
Note : Si vous désactivez les couleurs personnalisées, la visite correspondra aux paramètres de couleur de votre Messenger.
Les hyperliens insérés dans les étapes de la visite seront par défaut noirs sauf s’ils sont cliqués. Une fois cliqués, ils prendront la couleur d’action de votre Messenger (ou la couleur personnalisée si définie).
Choisissez un site pour construire votre visite
Pour commencer à concevoir votre visite, cliquez sur « Ajouter des étapes » :
Une nouvelle fenêtre s’ouvrira. Ici, ajoutez le site web sur lequel vous souhaitez construire votre visite :
Une fois que vous avez ajouté une URL, cliquez sur « Ouvrir le site web » pour commencer à construire votre visite.
Note : Cette URL sert uniquement à construire votre visite - ce n’est pas l’URL cible où vous montrerez votre visite aux customers. Vous pouvez choisir des règles de ciblage de page et d’audience à une étape ultérieure.
Important : Il existe une limitation connue avec Material UI et le « piégeage du focus » concernant les Product Tours et les info-bulles.
Choisissez la page spécifique sur laquelle construire les messages de votre visite
En bas de votre site, vous verrez une bannière bleue - c’est le constructeur de visite.
Naviguez vers la page spécifique de votre produit où vous souhaitez commencer à construire votre visite. Ensuite, cliquez sur « Commencer la visite ici » :
Maintenant, commencez à créer vos messages.
Créez les messages de votre visite
Il existe trois types de messages à choisir - un post, un pointeur ou un pointeur vidéo.
Voici comment chacun fonctionne
Présentez une nouvelle fonctionnalité avec un post
Les posts sont parfaits pour capter l’attention de vos customers au début d’une visite.
Un post s’affiche au milieu de la page - il ne pointe pas vers un élément spécifique. Vous pouvez aider à présenter votre produit en insérant une image ou en intégrant une vidéo. Vous personnalisez aussi votre message avec des attributs, comme saluer les customers en utilisant leur prénom.
Note : Si vous utilisez des attributs de données d’entreprise pour personnaliser vos visites, vous devez vous assurer que company_id est inclus lors du démarrage du Messenger sur votre site web où la visite commence.
Si vous n’incluez pas company_id, tous les attributs de données d’entreprise présents dans votre visite utiliseront les valeurs de secours que vous avez spécifiées.
Montrez aux customers comment utiliser avec des pointeurs
Les pointeurs sont parfaits pour montrer aux customers comment utiliser votre produit. Vous pouvez les guider en pointant vers un élément spécifique du site web, comme un bouton. Cliquez simplement sur l’élément que vous souhaitez pointer, puis ajoutez du contenu à votre pointeur :
Si l’élément que vous souhaitez choisir est derrière la barre du constructeur de visite, cliquez simplement sur « Masquer » à gauche pour cacher le constructeur de visite.
En plus du texte, vous pouvez insérer une image, ajouter des emojis, intégrer une vidéo et ajouter des attributs pour rendre vos pointeurs plus engageants. Une fois que votre pointeur s’affiche, il assombrit automatiquement l’arrière-plan pour mettre en valeur le message.
Astuce : Si vous créez des pointeurs sur différentes parties de votre page, la page défilera automatiquement vers chaque message.
Par défaut, les customers cliquent sur « Suivant » dans votre visite pour avancer chaque message. Si vous souhaitez qu’ils tapent dans un champ, ou cliquent sur l’élément du site web pour passer à l’étape suivante, sélectionnez comment la visite doit avancer :
Note : Pour l’option « Remplir le champ » - si vous avez sélectionné un élément contenant plusieurs champs de texte, comme « titre » et « description » par exemple, vos customers devront remplir tous les champs pour continuer.
« Remplir le champ » fonctionne avec les éléments HTML suivants :
Éléments <input>
Éléments <textarea>
Éléments <select>
Éléments <div> avec contenteditable="true"
Lisez cet article pour en savoir plus sur la création de visites produit sur plusieurs pages.
Vous pouvez aussi définir un texte personnalisé pour les boutons afin de rendre la visite plus engageante.
Guide personnellement les customers avec des pointeurs vidéo
Les pointeurs vidéo vous permettent d’engager et de guider personnellement les customers, en utilisant de courtes vidéos sous-titrées de vous-même ou d’un coéquipier pour leur faire découvrir le produit.
Vous pouvez en apprendre plus sur la création de pointeurs vidéo ici.
Choisissez la bonne taille et position pour vos pointeurs
Les pointeurs et pointeurs vidéo existent en deux tailles. (Le pointeur vidéo ci-dessus ☝️ est grand.) La taille par défaut du pointeur est petite. Pour changer de taille, cliquez sur « Avancé » puis sélectionnez la bonne taille dans le menu déroulant :
Ici, vous pouvez aussi définir une position optimale pour le pointeur. Choisissez parmi auto gauche, droite, au-dessus ou en dessous :
Note : Si la taille de la fenêtre de votre customer ne permet pas la position optimale choisie, le pointeur reviendra à « Auto » et se déplacera vers une position plus adaptée.
Créez une séquence de messages
Pour offrir à vos customers une visite complète, vous devez créer une séquence de messages. Vous pouvez utiliser n’importe quelle combinaison de posts, pointeurs et pointeurs vidéo pour construire la meilleure visite pour vos customers.
Si vous devez réorganiser vos étapes, survolez simplement l’étape que vous souhaitez déplacer, et faites-la glisser avec cette icône :
Une fois que vous avez terminé de créer votre visite, vous pouvez facilement la prévisualiser :
Ici, vous verrez comment votre visite apparaîtra aux customers :
Célébrez la fin de la visite 🎉
Pour finir votre visite en beauté, vous pouvez envoyer une pluie de confettis à la dernière étape.
Cliquez simplement sur « Paramètres » puis activez ce bouton :
Voici ce que vos customers verront lorsqu’ils termineront votre visite :
Laissez les customers mettre en pause ou redémarrer votre visite
Depuis cet onglet de paramètres, vous pouvez choisir si les customers peuvent mettre en pause votre visite :
Mettre la visite en pause la retardera de 24 heures, puis le customer la recevra à nouveau, tant qu’il est sur la bonne page où elle est déclenchée. Une visite peut être mise en pause plusieurs fois, et permet aux customers de suivre la visite au moment qui leur convient. Parfait pour les messages non urgents. 👌
Note : Cette visite « mise en pause » ne respectera que certaines règles (par exemple, temps passé sur la page et règles d’URL) et pas d’autres règles de ciblage, horaires de bureau ou tout type de planning ou planning récurrent. Elle respectera l’état du message, donc le message ne sera pas renvoyé si le message n’est pas actif.
Une fois que le message a été à nouveau ciblé après la pause, nous marquerons l’enregistrement de pause associé comme terminé.
L’option « Redémarrer » ajoute un bouton à chaque étape de votre visite (après la première) qui ramènera vos customers au début pour qu’ils puissent refaire la visite :
Note :
Nous ne recommandons pas d’utiliser cette option dans les visites où vos users tapent pour passer à l’étape suivante, car leurs saisies ne seront pas conservées lors du redémarrage d’une visite.
Les visites qui sont mises en pause ou redémarrées puis revues ne seront pas comptabilisées comme une vue supplémentaire dans les statistiques de la visite.
Il n’est pas possible de revenir en arrière d’une seule étape dans une visite.
Une fois que vous êtes satisfait de vos étapes et paramètres de visite, cliquez sur « Enregistrer et fermer » :
Puis-je utiliser les Product Tours dans mon application mobile ?
Les Product Tours sont spécialement conçus pour fonctionner avec des applications web de bureau. Pour une expérience multi-étapes engageante sur votre application mobile, essayez les Carrousels mobiles.
Puis-je utiliser les Product Tours dans mon application de bureau ?
Intercom ne prend pas en charge l’intégration avec les applications de bureau (comme celles construites avec le framework Electron). Ainsi, les Product Tours ne sont disponibles que sur les sites web de bureau lorsqu’ils sont consultés dans des navigateurs web.
Vous avez des difficultés à lancer une visite ou rencontrez des problèmes avec les étapes de pointeur ?
Suivez ce guide pour vous assurer que votre visite est toujours envoyée correctement.