Integración Messenger Chat: configuración y ayuda

Inicio rápido

  1. Sube el ZIP del módulo en "Modules > Module Manager" y abre "Configure".
  2. Introduce tu ID de página de Facebook (de 5 a 32 dígitos).
  3. El módulo usa un enlace m.me directo; no necesitas un ID de aplicación Facebook.
  4. Mantén Activar widget activado; selecciona Posición y Estilo del botón.
  5. Configura Mostrar en móvil y Mostrar en páginas y haz clic en Guardar.
  6. Abre una página permitida de la tienda y desplázate o haz clic para cargar el botón.
  7. Haz clic en el botón y confirma que se abre la conversación de Messenger deseada.

Requiere PrestaShop 1.6 o posterior y PHP 7.1 o posterior.

Manual de configuración

Instalar y conectar

  1. Abre "Modules > Module Manager" en tu back office.
  2. Elige "Upload a module" y sube el ZIP de Messenger Chat Integration.
  3. Abre "Configure".
  4. En Conexión de Messenger, introduce tu ID de página de Facebook.
  5. Mantén Activar widget activado y guarda.
  6. Abre tu tienda, desplázate o haz clic y prueba el botón de contacto.

Requiere PrestaShop 1.6 o posterior y PHP 7.1 o posterior.

Ajustes de conexión

Ajuste Valor predeterminado al instalar Qué hacer
Activar widget Sí Desactívalo para pausar el botón conservando los ajustes.
ID de página de Facebook Vacío Introduce el ID numérico de tu página, de 5 a 32 dígitos. No introduzcas la URL de la página ni el nombre de usuario.
ID de aplicación Facebook (eliminado) No disponible Este campo y el modo SDK se han eliminado. Los ID de aplicación guardados anteriormente se ignoran; el módulo siempre usa un enlace m.me directo.
Texto de saludo (eliminado) No disponible Este campo exclusivo del SDK se ha eliminado. El módulo no tiene un saludo de chat integrado que configurar.

Editas los formularios de conexión, Apariencia y Comportamiento en la página de configuración del módulo. Usa Guardar después de los cambios. Texto del botón y Texto de ayuda admiten textos específicos por idioma. Si falta el texto de un idioma, se usa el idioma predeterminado y después el texto base guardado.

Apariencia

Ajuste Valor predeterminado al instalar Cuándo cambiarlo
Posición Abajo a la derecha (bottom-right) Selecciona Abajo a la izquierda (bottom-left) si la esquina derecha está ocupada.
Estilo del botón Icono flotante (icon) Selecciona Barra con texto (bar) para mostrar Texto del botón.
Texto del botón Chatea con nosotros Configura el texto mostrado en el estilo de barra.
Color del botón #0084FF Configura el color de fondo del botón.
Tamaño del botón (px) 60 Configura el diámetro del icono redondo.
Margen desde el borde (px) 20 Ajusta la distancia desde el borde inferior y el lado seleccionado.
Mostrar descripción emergente Sí Desactívalo para ocultar la ayuda al pasar el cursor.
Texto de ayuda ¡Escríbenos en Messenger! Configura la ayuda al pasar el cursor.
Animación Pulso (pulse) Elige Rebote (bounce) o Ninguno (none).

Comportamiento y visualización en la tienda

Ajuste Valor predeterminado al instalar Función
Mostrar en móvil Sí Desactívalo para suprimir la visualización cuando PrestaShop identifica a un visitante de móvil.
"Fallback Delay (seconds)" 0 El widget se carga con el primer desplazamiento, clic, toque o pulsación de tecla. Un valor positivo establece la espera máxima sin interacción. Cero usa un tiempo de espera de fallback de 10 segundos.
Mostrar en páginas Todas las páginas (all) Selecciona Solo páginas de producto (product), Solo páginas de categoría (category) o Solo páginas de pago (checkout).

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

El módulo carga su hoja de estilos local mediante displayHeader. Tu tema debe ejecutar displayFooter en PrestaShop 1.6 o displayBeforeBodyClosingTag en las versiones posteriores.

El botón siempre abre https://m.me/PAGE_ID en una pestaña nueva. El módulo no carga el SDK de Facebook ni integra un Facebook Chat Plugin. Los ID de aplicación guardados anteriormente no cambian este comportamiento.

Las conversaciones permanecen en Messenger y en la bandeja de entrada de tu página. El módulo no tiene chatbot, horario comercial programado, reenvío de referencias de pedido ni bandeja de tickets en PrestaShop.

Verificar y solucionar problemas

  • Abre una página permitida por Mostrar en páginas e interactúa con ella. Si no haces nada, espera al temporizador de fallback.
  • Haz clic en el botón y confirma que abre la conversación de tu propia página en Messenger.
  • Si falta el botón, comprueba Activar widget, el identificador requerido, Mostrar en móvil y la selección de páginas. El back office muestra un aviso de configuración si falta el identificador o no es válido. Los identificadores modificados se validan al guardar; una modificación no válida conserva la configuración anterior.
  • Si falta el marcado en todas las páginas permitidas, comprueba el hook de renderización de tu tema. Si está presente pero oculto, revisa el CSS del tema, los errores de JavaScript y los botones fijos que se superpongan.
  • Si una antigua sobrescritura del tema sigue cargando el script Facebook Chat Plugin, actualízala desde la plantilla actual del módulo para recuperar el botón m.me directo.

Personalización del tema

Sobrescribe themes/your-theme/modules/mprmessengerchatintegration/views/templates/hook/displayBeforeBodyClosingTag.tpl si necesitas otro marcado. Mantén los cambios en el tema.

El ID del widget es #mprmessenger-widget. Las clases de posición, estilo y animación usan el mismo prefijo, como .mprmessenger-bottom-right, .mprmessenger-bar y .mprmessenger-pulse. La clase de la ayuda emergente es .mprmessenger-tooltip.

Puedes mover el botón por encima de otro elemento fijo en la hoja de estilos de tu tema:

#mprmessenger-widget.mprmessenger-bottom-right {
  bottom: calc(var(--mprmsn-margin, 20px) + 50px);
}
#mprmessenger-widget .mprmessenger-tooltip {
  font-size: 12px;
}

Los ajustes generan --mprmsn-color, --mprmsn-size y --mprmsn-margin en el contenedor. Usa los ajustes para cambiar esos valores.

Desactivar o desinstalar

Desactiva Activar widget para dejar de mostrar el botón. Para eliminar el módulo, usa "Uninstall" en "Module Manager". La desinstalación elimina sus entradas de menú y la configuración guardada del módulo. No elimina las conversaciones guardadas en Messenger.

Preguntas

1

¿El módulo comprueba el consentimiento antes de cargar los scripts de Facebook?

El módulo no carga el SDK de Facebook. Su botón abre Messenger mediante un enlace m.me directo cuando el visitante hace clic. El módulo no comprueba el consentimiento.

Problemas conocidos

6

El enlace del chat tiene una etiqueta accesible incorrecta

ResueltoActualizado:
Corregido en: 1.1.20
Los lectores de pantalla podían anunciar una etiqueta que no coincidía con el enlace visible del chat o el idioma de la tienda.

El aviso de configuración sigue desactualizado tras guardar

ResueltoActualizado:
Corregido en: 1.1.20
El aviso de estado de configuración podía seguir mostrando los ajustes antiguos después de guardar correctamente.

Las etiquetas de administración siguen sin traducirse

ResueltoActualizado:
Corregido en: 1.1.20
Algunas etiquetas de administración permanecían en el idioma de origen pese a disponer de traducciones.

Las páginas de administración existentes dejan de abrirse

ResueltoActualizado:
Corregido en: 1.1.15
El módulo podía no encontrar sus páginas de administración tras cambiar los nombres de los controladores.

Los recursos de la tienda fallan al combinarse

ResueltoActualizado:
Corregido en: 1.1.15
Los recursos del chat podían no combinarse correctamente cuando estaba activada la optimización de recursos de PrestaShop.

Los ajustes guardados del chat no se aplican

ResueltoActualizado:
Corregido en: 1.1.14
El chat de la tienda podía no usar los ajustes guardados en la administración.

Solicitudes de funcionalidades

5

Implementado

Botón de contacto de Messenger configurable

Implementado
Elige el aspecto, la posición, el retraso de visualización, la visibilidad en móviles y las páginas donde aparece el botón de contacto de Messenger.

Actualizaciones desde el back office

Implementado
Busca e instala actualizaciones del módulo desde el back office.

Administración multilingüe

Implementado
Usa la administración del módulo en francés, alemán, español, italiano y polaco.

Comprobaciones de configuración necesaria

Implementado
Consulta qué ajustes obligatorios faltan antes de activar la integración.

Textos del chat por idioma

Implementado
Configura los saludos, los textos de los botones y otros textos del chat visibles para los visitantes por separado para cada idioma de la tienda.

Registro de cambios

v1.1.142026-05-27

  • Addedcomplete FR/DE/ES/IT/PL translations
  • FixedMigrate chat config from ps_configuration to ConfigTable
Versiones anteriores

v1.1.142026-05-26

  • Certified the release ZIP with the shared package surface gate.
  • Rebuilt the package without source maps, build tooling or leaked shared-package development files.
  • Addedvendor/.htaccess so packaged admin assets remain reachable while vendor PHP stays protected.
  • Aligned module source, config.xml, composer metadata, package metadata and live release metadata.

v1.1.132026-05-25

  • Completed locale coverage for Messenger chat configuration and storefront labels.
  • Confirmed live Messenger setup content with real configuration and storefront screenshots.

v1.1.x

  • Direct m.me Messenger button using Facebook Page ID.
  • Optional Facebook Customer Chat Plugin mode when App ID / SDK mode is configured.
  • Placement, style, colour, tooltip, animation, mobile visibility and page targeting controls.
  • Back-office readiness checks for the required Messenger Page ID configuration.

Demo

Prueba el módulo completo antes de comprar

Compra la licencia más tarde y conserva tus ajustes.

  • Tu demo de 30 días Pruébalo en tu propia tienda durante 30 días desde la primera instalación.
  • Tienda demo lista Explora una tienda demo lista en tu navegador.
  • Sin registro Sin cuenta, correo ni dominio de tienda.
Iniciar tienda demo

Al descargar, aceptas las condiciones de la demo y la política de privacidad.

Al abrir esta demo, acepta los términos de la demo y la política de privacidad.

Cargando...
Volver arriba