Integración WhatsApp Chat: configuración y ayuda

1. Abre "Modules > Module Manager" en tu back office.
2. Elige "Upload a module" y sube el ZIP de WhatsApp Chat Integration.
3. Abre "Configure".
4. En Conexión WhatsApp, introduce tu Número de teléfono en formato internacional usando solo dígitos.
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.

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, Texto de ayuda y Mensaje predefinido 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.

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 displayBeforeBodyClosingTag o la alternativa displayFooter. Una protección de renderización evita botones duplicados.

El botón abre https://wa.me/PHONE con un parámetro text opcional codificado para URL. WhatsApp o WhatsApp Web gestiona la conversación. El módulo no usa WhatsApp Business API ni almacena mensajes en PrestaShop.

Para una pregunta sobre un producto, configura Mensaje predefinido como Hi! I have a question about {product}: {url} y Mostrar en páginas como Solo páginas de producto. El módulo sustituye {product} solo en las páginas de producto. En otras páginas, ese marcador puede quedar literal, así que usa texto normal y {url} para la ayuda en el pago. El módulo no ofrece chatbot, bandeja compartida, automatización ni historial de mensajes.

• 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 tu propio número. Prueba una página de producto e inspecciona el mensaje rellenado antes de enviarlo.
• 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.
• Un número válido formado solo por dígitos también debe pertenecer a la cuenta de WhatsApp deseada. Prueba el enlace en los dispositivos que usan tus clientes.

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

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

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

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

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

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 WhatsApp.