Integración Discord Chat: configuración y ayuda

Sigue los pasos de Inicio rápido.

Abre "Configure" en "Module Manager". Crea una invitación para tu servidor de Discord antes de configurar el módulo. Elige preferiblemente una invitación que siga siendo válida para el uso previsto.

Para https://discord.gg/AbCdEfG123, introduce AbCdEfG123. Después de guardar, Configuración de Discord muestra tu código y Probar enlace. Los nuevos cambios del identificador se validan. Un cambio no válido conserva los ajustes anteriores. El botón requiere un código de invitación; una invitación de Discord caducada sigue abriendo su enlace.

Puedes traducir Texto del botón y Texto de ayuda a los idiomas de tu tienda. Una traducción vacía utiliza el texto del idioma predeterminado y después el valor original almacenado.

Para un botón de texto en las páginas de producto, selecciona Barra con texto, introduce tu etiqueta, elige Abajo a la izquierda, establece Mostrar en páginas en Solo páginas de producto y selecciona Ninguno si no quieres animación.

La selección de páginas de pago coincide con cart, order, order-opc, orderopc y checkout. Un proceso de pago personalizado con otro nombre de controlador no coincidirá con esta selección.

El renderizador compartido inserta el botón con la primera interacción, como desplazarse, hacer clic o tocar, o cuando vence el tiempo de respaldo. Gestiona los tiempos fuera de la plantilla y establece el retraso propio de la plantilla en cero al generar la salida. Por tanto, no necesitas añadir data-delay ni un segundo temporizador.

El módulo registra su archivo local views/css/mprdiscordchatintegration.css mediante displayHeader y muestra su botón mediante displayBeforeBodyClosingTag. El enlace abre https://discord.gg/YOUR_CODE en una pestaña nueva con noopener noreferrer.

Obtienes un enlace de invitación con un icono SVG integrado, estilos locales y el cargador compartido. El módulo no carga un SDK de Discord ni incorpora conversaciones en tu tienda. Los visitantes completan la incorporación en Discord con una cuenta de Discord. Esta versión no tiene campo "Pre-filled Message" ni transferencia de mensajes.

Usa el CSS de tu tema para pequeños ajustes de aspecto:

#mprdiscord-widget.mprdiscord-bar a {
  padding: 10px 18px;
  border-radius: 24px;
}
#mprdiscord-widget .mprdiscord-tooltip {
  background: #111;
  font-size: 12px;
}
#mprdiscord-widget.mprdiscord-bottom-left {
  bottom: 32px;
  left: 32px;
}

El contenedor expone --mprds-color, --mprds-size y --mprds-margin, además de clases de posición, estilo y animación como mprdiscord-bottom-right, mprdiscord-icon y mprdiscord-pulse.

Para cambiar el marcado, copia la plantilla del hook en:

/themes/your-theme/modules/mprdiscordchatintegration/views/templates/hook/displayBeforeBodyClosingTag.tpl

El array asignado es mprdiscord; la plantilla predeterminada usa el alias ds. Las claves disponibles son invite_code, position, style, cta_text, color, size, margin, show_tooltip, tooltip, animation y delay. No hay clave message. Conserva el escape de caracteres, la etiqueta accesible y la protección del enlace al abrir una pestaña nueva en tu sobrescritura.

Usa Probar enlace para probar la invitación por separado del widget. Después comprueba una página de producto, una de categoría y el pago según la selección de páginas. Prueba la primera interacción y una página recién cargada sin tocar para la carga de respaldo. Revisa los textos traducidos y el ajuste móvil.

Si no aparece el botón, comprueba el interruptor de activación, el código, la coincidencia de página/controlador y la detección móvil. Confirma que tu tema ejecuta ambos hooks registrados y carga la hoja de estilos local. Revisa los errores de JavaScript si el cargador de interacción nunca libera el botón.

Si el botón se superpone a otro control, ajusta Posición, Margen desde el borde (px) o el CSS de tu tema. Si falla la invitación, sustitúyela por un código válido en Conexión Discord. El módulo no puede renovar invitaciones de Discord caducadas.

Establece Activar chat de Discord en No y guarda para pausar el botón conservando los ajustes. Desinstala desde "Module Manager" para eliminar su menú y la configuración del módulo. Gestiona el servidor, los miembros y las invitaciones en Discord.

Usa los nombres de los ajustes anteriores cuando una captura de referencia difiera de tu versión instalada.