Visites guidées

Ouvrez Visites guidées dans le menu.

Une visite guidée affiche une bulle à côté d’un vrai bouton, champ ou menu de votre site, une étape à la fois. Idéal pour accueillir les nouveaux utilisateurs, présenter une nouveauté ou accompagner une configuration. Elle fonctionne sur tout site ou application web où le Messenger est installé, y compris les produits SaaS pour les utilisateurs connectés.

Créer une visite

1. Cliquez sur Nouvelle visite et donnez-lui un nom.
2. Ajoutez vos étapes (jusqu’à 10). Pour chaque étape :
   • Élément — cliquez sur le curseur dans le champ. Votre site s’ouvre dans une nouvelle fenêtre ; cliquez sur l’élément voulu et son sélecteur est rempli pour vous. Vous pouvez aussi saisir un sélecteur CSS. Laissez vide pour une étape au milieu de l’écran.
   • Page (facultatif) — la page de l’étape, par ex. /parametres. Laissez vide pour rester sur la page actuelle.
   • Position de la bulle — automatique, ou en dessous, au-dessus, à droite ou à gauche de l’élément.
   • Titre et texte — courts et clairs. Chaque étape peut être traduite ; une traduction vide affiche le texte dans la langue de votre espace.
3. Choisissez votre couleur et le mode de démarrage.

Dans la fenêtre de sélection, utilisez Parcourir les pages pour aller d’abord sur une autre page, puis Choisir.

Visites sur plusieurs pages

Donnez une Page à une étape et la visite y emmène le visiteur lorsqu’il atteint cette étape, puis continue sur la nouvelle page. Le visiteur peut avancer et revenir ; la visite se souvient de l’endroit où elle en était pendant 30 minutes dans cet onglet. Les pages doivent être sur le même site que le Messenger.

Démarrage d’une visite

• Toute seule sur les pages correspondantes — choisissez les pages et un délai sous Qui et quand. Chaque personne la voit une fois : elle ne redémarre pas après avoir été terminée ou fermée, et au plus une fois par jour si elle n’est pas terminée.
• Uniquement depuis votre page — lancez-la en JavaScript, par exemple depuis un lien « Faire le tour » :

Shopxare('startTour', 'ID_VISITE')

L’éditeur affiche la ligne exacte à copier. Lancée ainsi, une visite peut toujours être rejouée.

Essayer avant de publier

Sous Sur votre site, saisissez l’adresse de votre page et cliquez sur Aperçu sur votre site. La visite ne joue que pour vous, même en brouillon, et n’est pas comptée. Le lien d’aperçu est valable une heure.

Conseils pour des sélecteurs stables

Les sélecteurs basés sur des identifiants ou vos propres attributs continuent de fonctionner quand le design change. Ajoutez un attribut data-tour aux éléments à pointer :

<button data-tour="nouveau-projet">Nouveau projet</button>

et utilisez [data-tour="nouveau-projet"] comme élément. Si un élément n’est pas trouvé en 3 secondes, l’étape s’ouvre au milieu de l’écran.

Résultats

Chaque visite indique combien de personnes l’ont vue, terminée et fermée — chaque personne comptée une fois. Vous pouvez aussi choisir une audience ou un segment et des dates de début et de fin.