Checklists d'Onboarding

Guidez chaque nouvel utilisateur
vers sa première victoire

Créez des checklists in-app qui accompagnent les utilisateurs dans la configuration, suivent leur progression automatiquement,
et disparaissent une fois terminées. Sans code.

Transformez des étapes d'onboarding éparpillées en un chemin clair

Les checklists vivent dans votre app web sous la forme d'un widget flottant. Chaque élément mène à un Guide ou à une URL, et les utilisateurs avancent à leur rythme. Quand ils complètent une étape, la barre de progression se remplit et l'élément obtient une coche. Vous contrôlez ce que 'terminé' signifie pour chaque étape : finir un guide, visiter une URL, atteindre un événement personnalisé ou correspondre à une propriété utilisateur.

Vous construisez le tout depuis le panneau UserGuiding. Choisissez quels Guides y figurent, définissez l'ordre, personnalisez les couleurs et l'icône du launcher pour coller à votre UI, définissez les critères de complétion et publiez. Le checklist apparaît sur les pages que vous choisissez, pour les utilisateurs que vous ciblez.

Ce que vous pouvez faire avec
les Checklists d'Onboarding

Créez des flux d'onboarding in-app avec des critères de complétion personnalisés, personnalisez avec des attributs utilisateur et suivez chaque étape.

Construisez et organisez les éléments du checklist

  • Ajoutez des Guides ou des URL de pages comme éléments du checklist depuis l'onglet Contenu
  • Réorganisez les éléments par glisser-déposer pour contrôler la séquence que les utilisateurs suivent
  • Définissez le titre et la description de chaque élément indépendamment du Guide lié
  • Verrouillez les éléments pour que les utilisateurs les complètent dans l'ordre (progression séquentielle)
  • Désactivez la Progression pour les cas d'usage non séquentiels comme les centres d'aide ou listes FAQ

Définissez des critères de complétion par élément

  • Marquez les éléments de Guide comme terminés lorsque l'utilisateur finit toutes les étapes du Guide ("Guide is Completed")
  • Marquez les éléments d'URL comme terminés lorsque l'utilisateur visite la page liée ("URL is Visited")
  • Définissez la complétion sur la base d'événements personnalisés ou de propriétés utilisateur que vous envoyez à UserGuiding
  • Combinez des critères pour des flux complexes où plusieurs actions signalent la complétion

Personnalisez l'apparence et le launcher

  • Choisissez une couleur de thème, une famille de police et un titre/sous-titre de checklist
  • Téléversez une icône de launcher personnalisée (PNG ou JPEG) pour qu'elle s'intègre à l'UI de votre app
  • Ajoutez du texte à côté de l'icône du launcher pour un contexte supplémentaire
  • Configurez le checklist pour qu'il s'ouvre par défaut au chargement de la page, ou uniquement quand les utilisateurs cliquent sur le launcher
  • Activez une barre de progression avec des icônes de coche quand la Progression est activée
  • Utilisez du CSS pour un contrôle visuel total sur les plans Growth et Enterprise

Personnalisez avec des attributs utilisateur

  • Insérez des attributs dynamiques comme {{name}} ou {{company}} dans le titre, sous-titre et texte du launcher du checklist
  • Ajoutez de la personnalisation aux en-têtes d'éléments individuels
  • Utilisez des valeurs de repli avec la syntaxe pipe (ex. : {{name | there}}) pour les utilisateurs sans l'attribut
  • Le texte du placeholder de la barre de recherche prend aussi en charge les attributs dynamiques

Ciblez les bons utilisateurs

  • Affichez les checklists à des segments d'utilisateurs spécifiques basés sur des attributs, événements ou comportement
  • Ciblez par URL de page pour que le checklist n'apparaisse que sur les pages pertinentes
  • Utilisez "DaysPassedAfterSignedUp" ou des propriétés similaires pour ne cibler que les nouveaux utilisateurs
  • Enchaînez des checklists : exigez la complétion du premier avant d'afficher un second via des règles de segmentation
  • Définissez l'audience sur "Only Me" pour tester en interne avant la mise en ligne

Contrôlez la visibilité et le cycle de vie

  • Configurez le checklist pour qu'il se cache automatiquement quand tous les éléments sont terminés ("Hide as Completed")
  • Permettez aux utilisateurs de fermer le checklist avec une option de fermeture
  • Gardez le checklist visible même après la complétion comme référence persistante
  • Choisissez la fréquence d'apparition : une fois par session, toujours, ou jusqu'à complétion
  • Exécutez plusieurs checklists sur la même URL si chacun cible un segment différent
  • Lancez ou masquez les checklists de manière programmatique via la JavaScript API (launchChecklist, expandChecklist, collapseChecklist, hideChecklist)

Suivez la performance avec des analytics intégrés

  • Consultez Total Interactions, Total Completions et Completion Rate dans l'onglet Reports de chaque checklist
  • Filtrez les analytics par plage de dates avec des intervalles quotidiens, hebdomadaires ou mensuels
  • Voyez la répartition des interactions par élément dans un graphique en secteurs et un tableau classé
  • Exportez la liste des utilisateurs ayant interagi avec un checklist sous forme de CSV avec colonnes d'attributs personnalisés
  • Utilisez getChecklistCompletionInfo() via la JS API pour interroger le statut de complétion de l'utilisateur actuel

Plus de 1 000 équipes réussissent leur croissance avec UserGuiding

Rejoignez-les et faites le premier pas vers la croissance.
Commencez votre essai gratuit dès aujourd'hui en toute confiance.

Où UserGuiding rencontre votre stack d'IA

Quatre manières dont UG joue bien avec les outils d'IA que votre équipe utilise déjà.

Assistante IA

Répondez aux questions des utilisateurs grâce à une IA adaptée à votre produit, à la documentation d'aide et au ton de votre voix.

MCP Server

Connectez Claude, Cursor et Codex aux données de vos produits à l'aide de 17 outils, sans aucune intégration personnalisée.

Analyses sans code

Suivez les clics, les survols, le focus, les saisies et les pages vues sans écrire de ligne de code.

Demandez à AI

Ajoutez un panneau de discussion dans votre base de connaissances qui répond aux questions des utilisateurs en citant les articles que vous avez publiés.

Questions Fréquemment Posées

Puis-je ajouter différentes actions que je souhaite que mes utilisateurs effectuent dans ma plateforme sous forme de check-lists ?

Oui, vous pouvez envoyer des événements personnalisés en tant qu'attributs à UserGuiding, puis les ajouter à votre check-list de sorte que lorsqu'un utilisateur la complète, elle sera automatiquement vérifiée.

Puis-je modifier la taille et la position de la check-list sur ma page ?

Vous pouvez modifier la position de la check-list dans les paramètres, et pour modifier sa taille, vous devez utiliser cette commande CSS personnalisée :

#checklist-content-container { width: [nombre de pixels souhaité]px; }

Comment les check-lists d'onboarding peuvent-elles m'aider à augmenter les conversions d'essai ?

Les check-lists indiquent aux utilisateurs où ils en sont dans leur processus d'onboarding et quelles sont les autres étapes à franchir pour tirer le meilleur parti de la plateforme. Ainsi, en éliminant toute confusion quant aux prochaines étapes, on encourage les utilisateurs à terminer leur processus d'onboarding et à se convertir en clients.

Puis-je suivre les performances de ma check-list avec UserGuiding ?

Oui, vous pouvez voir les utilisateurs qui ont interagi avec votre check-list et qui l'ont complétée, ainsi que le taux d'achèvement de la check-list et des guides spécifiques qu'elle contient.

Dois-je savoir coder pour créer une check-list d'accueil pour mes utilisateurs ?

Avec UserGuiding, ce n'est pas le cas. Vous pouvez simplement créer vos guides ou ajouter vos événements personnalisés par le biais d'intégrations et créer une check-list avec les étapes que vous souhaitez, le tout sans écrire une seule ligne de code.

Qu'est-ce qu'une check-list ?

Une check-list d'onboarding est un widget interactif in-app qui montre aux utilisateurs ce qu'ils doivent faire dans leur parcours d'onboarding et où ils en sont.