Fenêtre modale de bienvenue Discourse

:information_source: Résumé Une modale de bienvenue pour aider les membres nouveaux ou récurrents de la communauté avec des moyens concrets de commencer à explorer/s’engager sur un forum
:eyeglasses: Aperçu Theme Creator (Nécessite d’être connecté)
:hammer_and_wrench: Dépôt GitHub - noahLovell/discourse-welcome-modal
:question: Guide d’installation Comment installer un thème ou un composant de thème
:open_book: Nouveau dans les thèmes Discourse ? Guide du débutant pour utiliser les thèmes Discourse

Installer ce composant de thème

:rocket: Pourquoi l’utiliser ?

De nombreuses communautés enregistrent un taux d’inscription élevé mais peinent à retenir les membres le premier jour (« first-day churn »). En offrant des chemins d’action concrets, vous réduisez la charge cognitive des nouveaux membres et les guidez vers les comportements à forte valeur ajoutée qui favorisent la rétention à long terme.


:camera_flash: Captures d’écran

Bureau


Mobile


Comment ça marche

La modale utilise un déploiement basé sur la logique afin d’éviter de solliciter les membres réguliers qui connaissent déjà votre communauté.

  1. Nouveaux Utilisateurs : S’affiche automatiquement pour tous les utilisateurs inscrits après votre feature_enabled_date (date d’activation de la fonctionnalité).
  2. Période de grâce : Pendant une fenêtre configurable, le composant marque « silencieusement » les utilisateurs actifs comme ayant vu la modale afin de ne pas les interrompre.
  3. Anciens Utilisateurs : S’affiche aux utilisateurs existants qui reviennent sur le forum après l’expiration de votre période de grâce, aidant à leur réintégration.

Note : L’état « vu » est stocké localement dans le navigateur de l’utilisateur. La modale peut donc réapparaître s’ils changent d’appareil ou vident leur cache.


:gear: Paramètres

Paramètre Type Défaut Description
enabled bool false Activez ou désactivez la modale de bienvenue Discourse lorsque vous êtes prêt à l’activer pour les membres.
feature_enabled_date string \"2026-01-01\" Entrez la date au format AAAA-MM-JJ.
grace_period_months integer 3 Nombre de mois après la date d’activation de la fonctionnalité pour marquer silencieusement les utilisateurs existants comme vus.
card_layout enum \"grid\" Choisissez comment les cartes sont affichées dans la modale de bienvenue (grid ou list).
card_content objects [] Configurez les cartes affichées dans la modale de bienvenue (nécessite id, title, subtitle, imgUrl, altText, btnLabel et action).
title (Traduction) text Join the conversation Le titre principal affiché en haut de la modale.
close_btn (Traduction) text Done Le libellé du bouton qui ferme la modale.

Utilisez ?show-welcome-modal=true pour forcer l’affichage de la modale de bienvenue, indépendamment du fait que la fonctionnalité soit activée ou qu’elle ait été vue précédemment - idéal pour les tests avant de lancer votre communauté :slight_smile:


Ceci est mon premier véritable composant de thème :raised_hands: J’aimerais avoir vos retours, vos réflexions, et ce qui aurait pu être mieux fait :smile:

20 « J'aime »

Bonjour @noahl

Quelle est la manière la plus simple de tester ceci et de voir les tuiles comme dans vos images de démonstration ? Existe-t-il un certain ensemble de paramètres qui permettrait aux administrateurs de voir les tuiles avant que nous ne rendions cela plus largement disponible dans un environnement PORD ?

2 « J'aime »

Salut @marksalter ! Tu es mon premier « demandeur de fonctionnalité » :raising_hands:

Je viens de pousser un paramètre enable, ainsi qu’un paramètre de requête pour forcer l’affichage de la modale - ?show-welcome-modal=true

Si vous combinez les deux, vous pourrez tester en tant qu’administrateur avant d’activer pour les utilisateurs :slight_smile:

Par exemple : désactivez le paramètre enabled (il ne s’affichera pour personne), puis utilisez le paramètre de requête pour forcer son affichage.

6 « J'aime »

Ça fonctionne à merveille ! Merci d’avoir jeté un œil.

3 « J'aime »

Juste une idée pour votre prochaine phase de développement. Il serait agréable de pouvoir spécifier quels messages sont affichés aux nouveaux utilisateurs par rapport aux utilisateurs existants qui n’ont pas été actifs pendant la période de grâce.

Ainsi, les nouveaux venus reçoivent des messages de bienvenue (allez voir le matériel de démarrage) tandis que les utilisateurs existants reçoivent un message de type “nouveautés” (découvrez ces nouvelles fonctionnalités / catégories / choses…).

4 « J'aime »

C’est vraiment bien ! Excellent travail :clap:

Que pensez-vous de supprimer le pied de page ? Puisqu’il y a des CTA, ainsi que le bouton de fermeture, Terminé semble un peu inutile, mais je suis curieux de connaître votre avis ?

J’adore cette idée ! C’était quelque chose que j’avais envisagé pour la première version, mais j’ai décidé de garder la publication initiale simple.

Quoi qu’il en soit, je viens de pousser une mise à jour qui implémente cette segmentation ! Il y a un petit changement dans la logique pour distinguer les différents états d’utilisateur afin que vous puissiez adapter le contenu sans être intrusif.

Comment cela fonctionne maintenant :

1. Les Définitions

  • Nouveaux Utilisateurs : Inscrits à ou après votre feature_enabled_date (date d’activation de la fonctionnalité).
  • Utilisateurs Existants : Inscrits avant cette date.
  • Utilisateurs Actifs : Membres visitant régulièrement (dans votre fenêtre d’inactivité).
  • Utilisateurs de Retour : Membres précédemment actifs qui sont restés absents assez longtemps pour dépasser le seuil d’inactivité.

2. Le Flux Logique Pour s’assurer que nous n’ennuyons pas vos membres les plus actifs, le composant suit une priorité spécifique :

  • Nouvelle Inscription : Ils voient la modale immédiatement (ciblés avec des cartes marquées new_users ou both).
  • Période de Grâce : Si un ‘Utilisateur Existant’ visite pendant votre période de grâce, le composant marque silencieusement comme vu afin qu’ils ne soient pas interrompus.
  • L’Intervalle d’Inactivité : Une fois qu’un utilisateur est marqué comme ‘vu’, le composant suit les visites localement. S’ils visitent quotidiennement, ils restent Actifs et ne la voient plus jamais. Ils ne la voient (en tant qu’Utilisateur de Retour) que si l’intervalle entre leurs visites dépasse votre paramètre returning_user_inactivity_months (c’est un nouveau paramètre :slight_smile: )

3. Contenu Adapté Vous pouvez maintenant utiliser le paramètre displayFor sur chaque carte :

  • new_users : Parfait pour ‘Comment poster’ ou ‘Présentez-vous.’
  • returning_users : Parfait pour ‘Découvrez ce qui a changé pendant votre absence.’
  • both : Liens essentiels comme les Directives ou la FAQ.

J’ai également ajouté des paramètres de prévisualisation afin que vous puissiez tester facilement ces flux : ?show-welcome-modal=true&user-type=new ou &user-type=returning.

Merci encore pour la piqûre de rappel !

3 « J'aime »

@noahl C’est génial !

J’essaierai d’y jeter un œil plus tard dans la journée ou lundi et je te dirai ce qu’il en est.

1 « J'aime »