Modal de bienvenida de Discourse

:information_source: Resumen Una ventana modal de bienvenida para ayudar a los miembros nuevos o recurrentes de la comunidad con formas prácticas de empezar a explorar/participar en un foro
:eyeglasses: Vista Previa Theme Creator (Requiere iniciar sesión)
:hammer_and_wrench: Repositorio GitHub - noahLovell/discourse-welcome-modal
:question: Guía de Instalación Cómo instalar un tema o componente de tema
:open_book: ¿Nuevo en los Temas de Discourse? Guía para principiantes sobre el uso de temas de Discourse

Instalar este componente de tema

:rocket: ¿Por qué usar esto?

Muchas comunidades ven altas tasas de registro, pero luchan contra la “deserción del primer día”. Al proporcionar caminos prácticos, se reduce la carga cognitiva de los nuevos miembros y se les guía hacia los comportamientos de alto valor que generan retención a largo plazo.


:camera_flash: Capturas de Pantalla

Escritorio


Móvil


Cómo funciona

La ventana modal utiliza una implementación basada en lógica para evitar molestar a los miembros habituales que ya están familiarizados con tu comunidad.

  1. Usuarios Nuevos: Se muestra automáticamente a todos los usuarios que se registraron después de tu feature_enabled_date.
  2. Período de Gracia: Durante una ventana configurable, el componente marca “silenciosamente” a los usuarios activos como si ya hubieran visto la ventana modal para no interrumpirlos.
  3. Usuarios Antiguos: Se muestra a los usuarios existentes que regresan al foro después de que expire tu período de gracia, ayudando a reintroducirlos.

Nota: El estado de “visto” se almacena localmente en el navegador del usuario, por lo que la ventana modal puede reaparecer si cambian de dispositivo o borran su caché.


:gear: Configuración

Configuración Tipo Predeterminado Descripción
feature_enabled_date string \"2026-01-01\" Introduce la fecha en formato AAAA-MM-DD.
grace_period_months integer 3 Número de meses después de la fecha de habilitación de la función para marcar silenciosamente a los usuarios existentes como vistos.
card_layout enum \"grid\" Elige cómo se muestran las tarjetas en la ventana modal de bienvenida (grid o list).
card_content objects [] Configura las tarjetas que se muestran en la ventana modal de bienvenida (requiere id, title, subtitle, imgUrl, altText, btnLabel y action).
title (Traducción) text Join the conversation El encabezado principal que se muestra en la parte superior de la ventana modal.
close_btn (Traducción) text Done La etiqueta para el botón que cierra la ventana modal.

Este es mi primer componente de tema :raised_hands: Me encantaría recibir comentarios, opiniones y sugerencias sobre cosas que podrían haberse hecho mejor :smile:

7 Me gusta