Tours produit / onboarding

Montre ton produit, ne l'explique pas.

Les nouveaux utilisateurs s'inscrivent, se perdent, puis partent. Les tours Yaplet les guident vers le moment aha avec des infobulles ancrées à tes vrais boutons, la mise en évidence des cibles, et des déclencheurs par URL ou comportement. Construit dans un éditeur pointé-cliqué, sans code par étape.

  • Infobulles ancrées à de vrais éléments DOM
  • Sans code par étape. Pointe, clique, écris.
  • Met en évidence la cible et assombrit le reste de la page
  • Déclenche des tours par URL ou comportement du visiteur
Note moyenne 4,9
G2Capterra sur G2 & Capterra Sans code
Étape 2 · sur 5Moment aha Objectif

Directement dans ton produit

Une superposition sur la page, pas de doc séparée.

Les tours s'exécutent par-dessus ta vraie appli : mêmes boutons, mêmes menus. Yaplet ancre l'infobulle à l'élément que tu choisis et met la cible en évidence, pour que les utilisateurs voient sur quoi cliquer sans avoir à chercher une capture d'écran.

app.example.com/dashboard
Ton appli

Étape 2 sur 5

Ouvrir la boîte de réception

Toutes les conversations arrivent ici : chat, e-mail et plus.

Ancré à de vrais éléments

Clique sur n'importe quel bouton, menu ou champ avec le sélecteur visuel. L'infobulle suit l'élément à travers les changements de mise en page.

Déclenché par URL

Définis une URL de départ. Le tour attend la bonne page avant de s'ouvrir, pour ne jamais se déclencher au mauvais endroit.

Sélecteurs de secours

Ajoute des sélecteurs de sauvegarde par étape. Si l'élément est absent, Yaplet essaie le suivant.

Ignorer si masqué

Des étapes liées à une UI optionnelle ? Yaplet les ignore quand la cible n'est pas à l'écran.

Dans Yaplet Tours

Tout ce qu'il te faut pour guider les utilisateurs in-app.

Même tableau de bord que ton chat, CRM et base de connaissances. Un seul outil, pas cinq. Constructeur pointé-cliqué, déclencheurs comportementaux, et des étapes qui survivent à un vrai produit sans add-ons ni murs de mise à niveau.

Constructeur visuel sans code

Ouvre ton app, clique sur un élément, rédige le message. Glisse les étapes pour les réorganiser et prévisualise au fur et à mesure. Sans code par étape.

Cible par sélecteur

Chaque étape s'ancre à un sélecteur CSS que tu choisis visuellement. L'infobulle suit l'élément où qu'il se trouve sur la page.

Déclenche par URL ou comportement

Montre le bon tour au bon utilisateur : a visité X mais n'a pas fait Y, sur une page spécifique, sur un plan spécifique. Plus que « première visite ».

Multi-étapes avec progression

Enchaîne autant d'étapes que tu en as besoin. Les visiteurs voient une rangée de points de progression et peuvent avancer à leur propre rythme.

Met en évidence la cible

Yaplet met en lumière l'élément et assombrit le reste de la page, pour que les utilisateurs sachent où regarder sans un enchevêtrement de flèches.

Texte, vidéo et liens

Mélange les types d'étapes : post infobulle, pointeur avec texte, pointeur vidéo, ou une étape qui ouvre simplement une URL.

Sélecteurs de secours

Ajoute des sélecteurs de sauvegarde par étape. Si ton UI change, le tour bascule sur eux au lieu de se casser.

Contenu multilingue

Rédige chaque étape dans les langues que parle ton audience. Yaplet montre le bon texte au bon visiteur.

Responsive mobile

Les tours fonctionnent sur téléphone et bureau. Les infobulles se repositionnent, les tailles s'adaptent, pas de débordement gênant.

Onboarding

Réduis les abandons d'activation dans les 5 premières minutes

La plupart des utilisateurs décident s'ils vont rester lors de leur première session. Yaplet les guide vers le moment aha dès qu'ils se connectent, sans article d'aide ni ticket de support.

  • Le tour de bienvenue démarre sur l'URL du tableau de bord, aucune configuration nécessaire dans ton app
  • Montre aux utilisateurs où se trouvent les boutons importants, dans la vraie UI
  • Passe les étapes quand un élément n'est pas là, pour que les comptes partiels ne voient jamais un tour cassé
Onboarding

Découverte de fonctionnalités

Aide les utilisateurs existants à trouver les fonctionnalités que tu as livrées

Tu as livré quelque chose de super et personne ne l'a remarqué. Lance un tour ciblé sur la page où ça se trouve, pour que les utilisateurs existants voient la nouveauté en quelques secondes sans ouvrir ton changelog.

  • Cible uniquement la page pertinente : tarification, paramètres, la nouvelle fonctionnalité elle-même
  • Une étape, deux étapes, ou un guide complet
  • Met en lumière le nouvel élément et explique-le en langage simple
Découverte de fonctionnalités

En ligne en quelques minutes

Conçois les étapes, dépose un snippet, publie

Oublie le SDK et le code par étape. Ouvre ton app dans le constructeur Yaplet, clique sur les éléments que tu veux mettre en évidence, rédige les messages, et publie.

1

Conçois tes étapes

Ouvre ton app dans le constructeur visuel Yaplet. Clique sur un élément, rédige l'infobulle, répète. Glisse pour réorganiser.

2

Dépose un snippet

Ajoute le même snippet Yaplet que tu utiliserais pour le live chat. Une installation pour le chat, les tours, les sondages et plus encore.

3

Publie et cible

Définis l'URL de départ, choisis qui le voit, et publie. Modifie à tout moment, pas de redéploiement de ton côté.

Snippet d'installationhtml
<!-- Un snippet alimente le chat, les tours et le reste de Yaplet -->
<script src="https://yaplet.com/api/sdk/loader?widgetId=YOUR_WIDGET_ID" async></script>
<script>
  Yaplet.initialize("YOUR_WIDGET_ID");
</script>

Livre ton premier tour en moins de 10 minutes

Arrête d'écrire des docs que personne ne lit. Crée un tour aujourd'hui sur le plan gratuit à vie, sans carte bancaire, et republie à chaque fois que ton produit change.

Aucune carte bancaire Plan gratuit à vie Annule quand tu veux

Questions fréquentes

Comment fonctionnent les tours Yaplet

Des réponses courtes et honnêtes. Tu bloques encore ? Ouvre un chat et on répond.

Parle à une vraie personne

On utilise Yaplet aussi. Essaie sur nous.

Dans ton app. Une fois le snippet Yaplet installé, les tours s'affichent en superposition sur ta vraie UI. Les infobulles s'ancrent à tes vrais boutons, menus et formulaires.

Non. Tu conçois chaque étape dans le constructeur visuel Yaplet : ouvre ton produit dans le constructeur, clique sur l'élément que tu veux mettre en évidence, tape le message, et Yaplet capture le sélecteur pour toi.

Tu définis une URL de départ sur le tour, plus des conditions de visiteur et de comportement optionnelles (page, temps sur la page, propriétés personnalisées, fréquence). Yaplet n'ouvre le tour que quand celles-ci correspondent.

Chaque étape peut avoir des sélecteurs de secours que Yaplet essaie dans l'ordre. Tu peux aussi marquer une étape comme « passer si masqué » pour qu'un élément optionnel ne casse jamais le flux.

Quatre types : un post centré, une infobulle pointeur sur un élément, un pointeur avec une vidéo intégrée, et une étape de lien qui envoie le visiteur vers une autre URL. Utilise-les dans n'importe quelle combinaison.

Oui. Les tours prennent en charge le ciblage du visiteur et de la page, tu peux donc lancer un tour de bienvenue pour les nouvelles inscriptions et un tour de découverte de fonctionnalités uniquement pour les utilisateurs sur un plan ou une page spécifique.

Oui. Les infobulles se repositionnent pour les écrans plus étroits et l'anneau de mise en évidence se redimensionne à l'élément sur lequel tu l'as ancré. Le même tour fonctionne sur téléphone et bureau.

Avis

Les gens nous adorent

Adoré par les personnes et les équipes qui tiennent à rendre chaque interaction client plus perspicace et plus efficace.

G2G2
4.9/ 5
Excellent
CapterraCapterra
4.9/ 5
Excellent
"On a remplacé trois outils par Yaplet et notre temps de réponse est passé de 4 heures à 2 minutes. L'AI se trompe presque jamais."
MK

Maya K.

Responsable Support, entreprise SaaS

"La configuration a honnêtement été la plus simple que j'aie faite en 10 ans. On était en ligne le lundi matin et on répondait aux tickets avant midi."
JD

James D.

Fondateur, petite entreprise

"Vex AI gère environ 80 % de nos questions tout seul. Mon équipe peut enfin se concentrer sur les conversations qui nécessitent vraiment un humain."
SP

Sara P.

Responsable Customer Success