Integración Chatra Chat: configuración y ayuda

Inicio rápido

  1. Sube el ZIP de mprchatra en Módulos > "Module Manager" > "Upload a module" e instálalo.
  2. Haz clic en "Configure" para abrir Configuración de Chatra.
  3. Pega solo tu identificador de Chatra en el campo ID del widget; deja Activar Chatra Chat en Sí.
  4. Elige Mostrar en páginas y Mostrar en móvil para tu página y dispositivo de prueba.
  5. Revisa Pasar datos del cliente; deja "Fallback Delay (seconds)" en 0 para la carga alternativa tras 10 segundos y haz clic en Guardar.
  6. 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.
  7. 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 0 no 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

ResueltoActualizado:
Corregido en: 1.1.18
Guardar el texto del chat visible para los visitantes podía añadir caracteres de escape no deseados. Ahora el texto se guarda sin doble escape.

Textos traducidos del back office

ResueltoActualizado:
Corregido en: 1.1.18
Algunos textos del back office seguían en inglés incluso al seleccionar otro idioma. Ahora las etiquetas usan las traducciones disponibles.

El aviso de configuración mostraba ajustes antiguos

ResueltoActualizado:
Corregido en: 1.1.18
El aviso de configuración podía seguir indicando un problema justo después de guardar ajustes válidos. Ahora refleja los ajustes recién guardados.

Las páginas del back office no se abrían

ResueltoActualizado:
Corregido en: 1.1.14
Abrir la configuración del módulo podía fallar con un error en lugar de mostrar los ajustes. Ahora las páginas de ajustes se abren correctamente.

Texto traducido dañado

ResueltoActualizado:
Corregido en: 1.1.14
Algunos ajustes traducidos del chat contenían puntuación o secuencias de escape dañadas. Se repararon las traducciones afectadas.

Solicitudes de funcionalidades

4

Implementado

Comprobaciones de configuración de Chatra

Implementado
Detecta cuándo falta el Widget ID y completa el ajuste de conexión necesario antes de mostrar el widget de chat.

Administración multilingüe

Implementado
Usa los ajustes de chat traducidos al alemán, francés, español, italiano y polaco.

Actualizaciones del módulo con un clic

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

Textos del chat por idioma

Implementado
Edita los textos para visitantes que ofrece la integración por separado para cada idioma de la tienda mediante el selector de 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.
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