Integración JivoChat: configuración y ayuda
Inicio rápido
- Sube el ZIP de mprjivochat en Módulos > "Module Manager" > "Upload a module" e instala el módulo.
- Haz clic en "Configure" para abrir Configuración de JivoChat.
- Pega solo tu identificador de JivoChat en ID del widget; deja Activar JivoChat en Sí.
- Elige Mostrar en páginas y Mostrar en móvil según la página y el dispositivo de prueba.
- Revisa Pasar datos del cliente; deja "Fallback Delay (seconds)" en 0 para la carga de respaldo 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 JivoChat.
- Confirma que el widget se abre y envía una conversación de prueba en JivoChat; 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
Conecta tu tienda con JivoChat. Necesitas una cuenta existente en el servicio y su identificador ID del widget. Configura las conversaciones y el widget visible en la cuenta del servicio.
La acción "Configure" del módulo abre Configuración de JivoChat. La página 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 el identificador ID del widget del código de instalación del canal de tu sitio web en JivoChat. El panel de configuración indica "Manage" > "Channels" > "Website widget". Pega solo el identificador. No pegues una URL ni un script completo.
El valor predeterminado está vacío. Para los identificadores nuevos o modificados, el módulo espera de 5 a 128 letras o números. Si se rechaza un identificador, se conserva la configuración guardada anteriormente. Corrige el valor y vuelve a guardar.
Configurar la visualización y los datos del cliente
Configura estos campos en Configuración de JivoChat y haz clic en Guardar.
| Ajuste | Valor predeterminado al instalar | Qué hacer |
|---|---|---|
| Activar JivoChat | Sí | Establece No para que este módulo deje de mostrar el widget. Mantén el valor de conexión rellenado 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 que se muestre en la tienda. |
| Pasar datos del cliente | Sí | Envía el nombre y el correo del cliente conectado a JivoChat cuando se carga el widget. Establece No para omitir esta transferencia. |
| Mostrar en móvil | Sí | Establece No para excluir a los visitantes móviles detectados por el servidor. Prueba con tu teléfono real. |
| "Fallback Delay (seconds)" | 0 | Es el tiempo máximo de espera antes de cargar sin interacción. Cero usa una espera de respaldo de 10 segundos. Un valor positivo cambia ese plazo; una interacción puede iniciar la carga antes. |
| Mostrar en páginas | Todas las páginas | Limita el cargador a uno de los grupos de páginas siguientes. |
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. Un controlador de pago personalizado fuera de esta lista no queda incluido en Solo páginas de pago. No hay ningún campo para reglas de URL personalizadas. Mostrar en móvil usa la detección de móviles de PrestaShop, no solo el ancho del navegador.
Campos del cliente
Cuando Pasar datos del cliente está activado y el cliente ha iniciado sesión, el módulo registra window.jivo_onLoadCallback antes de cargar el widget. Cuando JivoChat llama a esta función y jivo_api está disponible, envía el nombre y el correo mediante jivo_api.setContactInfo. Establece No para omitir esta transferencia.
Este módulo no proporciona a los invitados campos de identidad del cliente de PrestaShop. El servicio puede seguir recopilando 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, establece 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 el interruptor de activación, el valor de conexión, la regla del dispositivo y la regla de la página. Después coloca 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 de respaldo configurado. El cargador compartido elimina el retraso interno de la plantilla, por lo que ambos tiempos de espera no se suman. Con el valor predeterminado de instalación 0, espera 10 segundos antes de considerar que una página sin interacción tiene un fallo de carga.
En las herramientas de desarrollo del navegador, busca una solicitud que coincida con:
//code.jivosite.com/widget/{Widget ID}
Abre el widget y envía un mensaje de prueba. Comprueba que llegue a la bandeja de entrada del servicio. Por último, prueba las páginas y los dispositivos móviles excluidos.
Gestiona los operadores, los canales, el enrutamiento, los formularios sin conexión y la automatización en JivoChat. Este módulo proporciona el cargador del widget de la tienda y las reglas de visualización.
Solución de problemas
- Si no se genera ningún cargador, comprueba Activar JivoChat, ID del widget, Mostrar en páginas y Mostrar en móvil.
- Si la página permanece sin interacción, espera el plazo de respaldo o interactúa con ella. "Fallback Delay (seconds)" en
0no significa carga inmediata. - Si no puedes guardar, mantén el identificador rellenado, comprueba su formato, vuelve a cargar la página de configuración e inténtalo de nuevo. No uses credenciales de ejemplo para una prueba real.
- Si falla la solicitud externa, comprueba los errores de la consola del navegador, el bloqueo de scripts, la Content Security Policy y las herramientas de consentimiento de tu tienda.
- Si el script se carga pero falta el botón de apertura, comprueba la publicación del widget en el servicio, la disponibilidad de la cuenta y las reglas de visualización.
- Si falta el nombre o el correo del cliente conectado, comprueba Pasar datos del cliente, recarga la página y busca errores u otra integración que sustituya
window.jivo_onLoadCallback. - Si otra integración también inserta el script del servicio, revisa la página generada para detectar código de instalación duplicado o en conflicto.
Comprobar un tema personalizado
Tu tema debe ejecutar el hook de cierre del cuerpo de la página. Un desarrollador puede restablecer esta llamada antes de </body> si falta en el tema:
{hook h='displayBeforeBodyClosingTag'}
Para modificar la plantilla del tema, copia:
modules/mprjivochat/views/templates/hook/displayBeforeBodyClosingTag.tpl
a:
themes/your-theme/modules/mprjivochat/views/templates/hook/displayBeforeBodyClosingTag.tpl
Conserva las variables Smarty del módulo y el escape del identificador. El contenedor de interacción compartido sigue aplicándose a esta plantilla del hook.
Referencia de configuración
El formulario usa el prefijo MPRJIVO_ para los nombres de los campos enviados. El almacenamiento actual usa el módulo mprjivochat en la tabla compartida mpr_config, con claves cortas:
ENABLED
WIDGET_ID
SHOW_MOBILE
PAGES
DELAY
PASS_USER_DATA
La tabla de la base de datos 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 consideres los nombres de los campos del formulario como las claves actuales de la base de datos.
Desactivar o desinstalar
Establece Activar JivoChat en No y guarda con el identificador aún rellenado 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 el código insertado por otro módulo o tema.
Preguntas
1
¿El módulo guarda transcripciones de chat?
El módulo carga el widget externo de JivoChat y guarda sus ajustes de conexión y visualización.
No ofrece funciones locales para consultar, exportar o eliminar transcripciones.
Gestiona las conversaciones en JivoChat. Desinstalar el módulo de PrestaShop elimina su configuración y sus entradas de menú, sin gestionar el historial conservado por el servicio externo.
Problemas conocidos
2
El estado de configuración seguía desactualizado tras guardar
Textos de administración en inglés
Solicitudes de funcionalidades
5
Implementado
JivoChat configurable
Datos de clientes en el chat
Actualizaciones con un clic
Administración multilingüe
Textos del chat por idioma
Registro de cambios
v1.1.132026-09-14
- 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
- Addedfull compatibility with PrestaShop 9.x and Hummingbird theme
- Addedcustomer data forwarding: passes name, email, and cart value to JivoChat agent panel
- Improvedwidget load order to prevent layout shift score (CLS) regression
- Fixedwidget not dismissing on mobile when customer tapped outside the chat area
- Addedconfigurable mobile bottom offset to prevent overlap with sticky checkout bar
v1.1.02025-08-04
- Addedsupport for JivoChat multi-channel routing to phone, WhatsApp, and email channels
- Improvedpage exclusion rules with regex support for dynamic URLs
- Fixeddouble widget injection when module was present in both head and body hooks
- Addedvisitor tracking: shows current page URL and referrer inside agent panel
v1.0.02025-04-24
- Initialrelease: JivoChat omnichannel widget integration for PrestaShop
- InitialWidget ID configuration with immediate front-office preview
- InitialDisplay rule editor: show/hide by page type, customer group, or device
- InitialChat, phone, email, and social media channels unified in one agent app
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.