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

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: [number of pixels you want]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.

Guidez chaque nouvel utilisateur
vers sa première victoire

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

Ce que vous pouvez faire avec
les Checklists d'Onboarding

Construisez et organisez les éléments du checklist