Integración Chatra Chat: configuración y ayuda
Inicio rápido
- Sube el ZIP de mprchatra en Módulos > "Module Manager" > "Upload a module" e instálalo.
- Haz clic en "Configure" para abrir Configuración de Chatra.
- Pega solo tu identificador de Chatra en el campo ID del widget; deja Activar Chatra Chat en Sí.
- Elige Mostrar en páginas y Mostrar en móvil para tu página y dispositivo de prueba.
- Revisa Pasar datos del cliente; deja "Fallback Delay (seconds)" en 0 para la carga alternativa tras 10 segundos y haz clic en Guardar.
- Abre una página permitida de la tienda y desplázate, haz clic, toca la página o pulsa una tecla para iniciar el cargador de Chatra.
- Confirma que el widget se abre y envía una conversación de prueba en Chatra; prueba también una página o un dispositivo excluido.
Requiere PrestaShop 1.6 o posterior y PHP 7.1 o posterior.
Manual de configuración
Instalar y conectar
Necesitas una cuenta del servicio existente y el valor de su campo ID del widget. Configura las conversaciones y el widget visible en esa cuenta.
La acción "Configure" del módulo abre Configuración de Chatra. Su controlador de configuración también muestra un aviso de configuración necesaria y un banner de integridad. Usa las páginas Configuración, "Integrity", Licencia, Soporte y Actualizar del módulo para las tareas de mantenimiento correspondientes.
Encontrar el valor de conexión
Copia ChatraID del código de instalación de tu widget de Chatra. El panel de configuración indica "Settings" > "General" > "Widget code". Pega solo el identificador, sin una URL completa ni un script.
El valor predeterminado está vacío. Para identificadores nuevos o modificados, el módulo espera de 8 a 128 letras, números, guiones o guiones bajos. Si se rechaza el identificador, se conserva la configuración guardada anterior. Corrige el valor y vuelve a guardar.
Configurar la visualización y los datos del cliente
Configura estos campos en Configuración de Chatra y haz clic en Guardar.
| Ajuste | Valor al instalar | Qué hacer |
|---|---|---|
| Activar Chatra Chat | Sí | Selecciona No para que este módulo deje de mostrar el widget. Mantén el valor de conexión al guardar, incluso al desactivar el chat. |
| ID del widget | Vacío | Introduce tu identificador del servicio antes de probarlo. Un valor vacío impide la visualización en la tienda. |
| Pasar datos del cliente | Sí | Selecciona No para omitir los campos del cliente preparados por este módulo. Consulta el comportamiento específico del servicio más abajo. |
| Mostrar en móvil | Sí | Selecciona No para excluir a los visitantes móviles detectados por el servidor. Prueba con tu teléfono real. |
| "Fallback Delay (seconds)" | 0 | Es la espera máxima antes de cargar sin interacción. Cero usa un plazo alternativo de 10 segundos. Un valor positivo cambia ese plazo; la interacción puede iniciar la carga antes. |
| Mostrar en páginas | Todas las páginas | Limita el cargador a uno de los siguientes grupos de páginas. |
Grupos de páginas
| Opción del back office | Valor almacenado | Controladores permitidos |
|---|---|---|
| Todas las páginas | all |
Todas las páginas de la tienda |
| Solo páginas de producto | product |
product |
| Solo páginas de categoría | category |
category |
| Solo páginas de pago | checkout |
cart, order, order-opc, orderopc, checkout |
La selección usa los nombres de los controladores. Solo páginas de pago no incluye un controlador de pago personalizado que no figure en esta lista. No hay un campo de reglas URL personalizadas. Mostrar en móvil usa la detección móvil de PrestaShop en lugar de basarse solo en la anchura del navegador.
Campos del cliente
Cuando Pasar datos del cliente está activado, el módulo envía el nombre completo y el correo electrónico de los clientes conectados a Chatra mediante ChatraIntegration. Selecciona No para omitir ambos campos.
Este módulo no transmite campos de identidad de clientes de PrestaShop para los invitados. El servicio aún puede recopilar información mediante su propio widget. Este módulo no sincroniza el historial de pedidos ni el contenido del carrito.
Ejemplo de configuración
Para las páginas de pago en ordenadores, elige Solo páginas de pago, pon Mostrar en móvil en No y "Fallback Delay (seconds)" en 2. El cargador se inicia con la primera interacción o tras dos segundos sin interacción.
Comprobar la carga en la tienda
El módulo registra displayBeforeBodyClosingTag. Primero comprueba la activación, el valor de conexión y las reglas de dispositivo y página. Después inserta un cargador diferido cerca del final de la página.
Desplázate, haz clic, toca la página o pulsa una tecla para activar el cargador. Sin interacción, espera el plazo alternativo configurado. El cargador compartido elimina el retraso interno de la plantilla, así que las dos esperas no se suman. Con el valor inicial 0, espera 10 segundos antes de considerar que una página sin interacción ha fallado al cargar.
En las herramientas de desarrollo del navegador, busca una solicitud que coincida con:
https://call.chatra.io/chatra.js
Abre el widget y envía un mensaje de prueba. Comprueba que llegue a la bandeja del servicio. Prueba una cuenta conectada si has activado Pasar datos del cliente y verifica qué campos de identidad recibe el servicio. Por último, prueba las páginas y los dispositivos móviles excluidos.
Gestiona los agentes, las conversaciones, los activadores y el aspecto del widget en Chatra.
Solución de problemas
- Si no se inserta el cargador, comprueba Activar Chatra Chat, ID del widget, Mostrar en páginas y Mostrar en móvil.
- Si la página permanece inactiva, espera la carga alternativa o interactúa con ella. "Fallback Delay (seconds)" en
0no significa carga inmediata. - Si falla el guardado, mantén el identificador, comprueba su formato, recarga la página de configuración y vuelve a intentarlo. No uses credenciales de ejemplo en una prueba real.
- Si falla la solicitud externa, revisa los errores de la consola, el bloqueo de scripts, la Content Security Policy y las herramientas de consentimiento de tu tienda.
- Si el script carga pero falta el botón de apertura, comprueba la publicación del widget, la disponibilidad de la cuenta y las reglas de visualización en el servicio.
- Si falta un campo del cliente, inicia sesión y confirma que Pasar datos del cliente esté en Sí. Compara con los campos exactos indicados antes.
- Si otra integración también inserta el script del servicio, revisa la página renderizada para detectar código de instalación duplicado o en conflicto.
Comprobar un tema personalizado
Tu tema debe ejecutar el hook de cierre del body. Un desarrollador puede restaurar esta llamada antes de </body> si falta en el tema:
{hook h='displayBeforeBodyClosingTag'}
Para modificar la plantilla en el tema, copia:
modules/mprchatra/views/templates/hook/displayBeforeBodyClosingTag.tpl
a:
themes/your-theme/modules/mprchatra/views/templates/hook/displayBeforeBodyClosingTag.tpl
Conserva las variables Smarty del módulo y el escape del identificador. La envoltura de interacción compartida sigue aplicándose a esta plantilla del hook.
Referencia de configuración
El formulario usa el prefijo MPRCHATRA_ en los nombres de los campos enviados. El almacenamiento actual usa el módulo mprchatra en la tabla compartida mpr_config, con claves cortas:
ENABLED
WIDGET_ID
SHOW_MOBILE
PAGES
DELAY
PASS_USER_DATA
La tabla usa el prefijo de tablas de tu tienda, por lo que ps_mpr_config es solo un nombre de ejemplo. Usa el formulario de configuración para los cambios habituales. No trates los nombres de los campos como las claves actuales de la base de datos.
Desactivar o desinstalar
Pon Activar Chatra Chat en No y guarda manteniendo el identificador para pausar la salida de este módulo. También puedes desactivar el módulo en "Module Manager".
Para eliminarlo, usa "Uninstall" en "Module Manager" y confirma. La desinstalación elimina la configuración del módulo y sus entradas del menú de administración. No cierra la cuenta del servicio externo ni elimina código insertado por otro módulo o tema.
Preguntas
Aún no hay preguntas sobre este módulo
Pregunta lo que quieras sobre instalación, compatibilidad o configuración. Las respuestas aparecen aquí.
Problemas conocidos
5
El texto del chat guardado ganaba caracteres de escape
Textos traducidos del back office
El aviso de configuración mostraba ajustes antiguos
Las páginas del back office no se abrían
Texto traducido dañado
Solicitudes de funcionalidades
4
Implementado
Comprobaciones de configuración de Chatra
Administración multilingüe
Actualizaciones del módulo con un clic
Textos del chat por idioma
Registro de cambios
v1.1.132026-09-22
- Addedcomplete FR/DE/ES/IT/PL translations
Versiones anteriores
v1.3.02026-04-20
- Addedadmin menu management via MenuInstaller for streamlined module setup
v1.2.02026-01-23
- AddedPrestaShop 9 and Hummingbird theme compatibility
- Addedpre-chat form configuration with custom required fields
- Improvedmobile widget positioning to avoid overlap with sticky footer add-to-cart bars
- FixedChatra widget not initializing when Content-Security-Policy header blocks inline scripts
- Addedconsent-aware loading: widget defers initialization until functional cookie consent is granted
v1.1.02025-08-13
- Addedautomatic customer identification: passes name and email for logged-in customers to Chatra session
- Addedconfigurable group conversations with department routing
- Improvedwidget hide/show logic on checkout pages to reduce distraction during payment
- Fixedtyping insights feature not activating after in-page navigation via AJAX router
v1.0.02025-06-06
- Initialrelease with Chatra live chat integration
- InitialLightweight single-script embed with configurable Chatra Site ID
- InitialGroup conversation routing support configurable per operating hours
- InitialBack-office toggle to hide widget on specific page types (checkout, account)
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.