Integración Messenger Chat: configuración y ayuda
Inicio rápido
- Sube el ZIP del módulo en "Modules > Module Manager" y abre "Configure".
- Introduce tu ID de página de Facebook (de 5 a 32 dígitos).
- El módulo usa un enlace m.me directo; no necesitas un ID de aplicación Facebook.
- Mantén Activar widget activado; selecciona Posición y Estilo del botón.
- Configura Mostrar en móvil y Mostrar en páginas y haz clic en Guardar.
- Abre una página permitida de la tienda y desplázate o haz clic para cargar el botón.
- 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
- Abre "Modules > Module Manager" en tu back office.
- Elige "Upload a module" y sube el ZIP de Messenger Chat Integration.
- Abre "Configure".
- En Conexión de Messenger, introduce tu ID de página de Facebook.
- Mantén Activar widget activado y guarda.
- 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?
Problemas conocidos
6
El enlace del chat tiene una etiqueta accesible incorrecta
El aviso de configuración sigue desactualizado tras guardar
Las etiquetas de administración siguen sin traducirse
Las páginas de administración existentes dejan de abrirse
Los recursos de la tienda fallan al combinarse
Los ajustes guardados del chat no se aplican
Solicitudes de funcionalidades
5
Implementado
Botón de contacto de Messenger configurable
Actualizaciones desde el back office
Administración multilingüe
Comprobaciones de configuración necesaria
Textos del chat por idioma
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.
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.