Botón de WhatsApp en PrestaShop sin cargar scripts externos
Añadir un canal de chat directo con tus clientes no exige cargar librerías ajenas. Te contamos cómo estructurarlo con enlaces limpios en PrestaShop.
Jose Rosado · 20 de octubre de 2026 · 5 min de lectura
Para poner un botón de WhatsApp en PrestaShop no hace falta cargar librerías externas de chat ni conectar servicios pesados. Con un enlace directo bien construido y ubicado en el lugar adecuado de tu plantilla consigues que el cliente hable contigo al instante.
En nuestra joyería online aprendimos pronto que cada script ajeno que metes en la cabecera acaba pasando factura. Si buscas una vía rápida para atender dudas sobre piezas o medidas, la solución más limpia es usar la propia estructura de enlaces directos de la aplicación.
Por qué evitar las librerías ajenas para un chat directo
Muchos módulos pensados para integrar mensajería añaden archivos de JavaScript alojados en servidores de terceros o cargan paneles flotantes con animaciones constantes. Cada petición que hace el navegador hacia un dominio exterior añade tiempo de espera antes de mostrar la página por completo.
Cuando un cliente entra desde el móvil con una conexión lenta, esos recursos bloquean la carga visual. En un comercio electrónico, la velocidad de respuesta en la ficha de producto influye directamente en si el usuario se queda o se marcha a otra pestaña. Si notas que la tienda responde con retraso, conviene revisar si los añadidos externos están interfiriendo, un problema habitual que tratamos al ver cómo saber qué módulo ralentiza PrestaShop.
Un enlace simple no ejecuta procesos en segundo plano. El navegador solo lee una etiqueta de destino y, cuando el comprador pulsa sobre el icono, abre la aplicación nativa en su teléfono o la versión de escritorio en su ordenador. Cero milisegundos de carga añadida para quien solo está mirando el catálogo.
Cómo funciona la estructura del enlace wa.me
La forma oficial y más limpia de abrir una conversación sin intermediarios es usar un enlace wa.me bien formateado. No requiere registros adicionales ni pagar cuotas mensuales a plataformas de mensajería.
La estructura básica se compone del dominio oficial seguido del número de teléfono en formato internacional. Debe incluir el prefijo del país pero sin añadir ceros iniciales, sin espacios, sin guiones y sin el signo matemático de suma. Por ejemplo, para un número de teléfono en España cuyo prefijo es 34, el formato correcto se escribe como wa.me/34XXXXXXXXX.
A esta dirección se le puede añadir un texto predefinido mediante parámetros en la URL. De este modo, cuando el usuario abre la conversación, ya encuentra una frase escrita en su pantalla lista para enviar, lo que reduce la fricción y te ayuda a saber desde qué sección de la tienda te está escribiendo.
Diferencias entre un botón ligero y un widget externo
Antes de instalar cualquier añadido conviene sopesar qué aporta realmente frente al peso que suma a la tienda. Esta tabla resume el impacto de cada opción:
| Aspecto | Enlace directo | Widget con script externo |
|---|---|---|
| Peticiones a servidores externos | Ninguna durante la navegación | Varias por cada página vista |
| Impacto en la velocidad | Prácticamente nulo | Aumenta los tiempos de bloqueo |
| Apertura en móviles | Directa en la app instalada | Pasa por un visor intermedio |
| Mantenimiento de código | Mínimo, no depende de APIs ajenas | Requiere actualizar librerías |
Dónde colocar el acceso directo dentro de PrestaShop
Tener un canal de WhatsApp en la tienda online solo funciona si el cliente encuentra el icono en el momento exacto en que le surge una duda. En PrestaShop, la posición de los elementos depende de los puntos de inserción de la plantilla.
Si entiendes qué son los hooks de PrestaShop, sabrás que hay zonas estratégicas donde tiene sentido enganchar este aviso:
displayProductAdditionalInfo: Justo en la ficha de producto, cerca de las opciones de compra. Es el lugar idóneo para preguntas sobre stock, tallas o plazos de entrega antes de añadir al carrito.displayFooterAfterodisplayBeforeBodyClosingTag: Adecuado si prefieres que aparezca como un botón fijo en una esquina inferior de toda la web.displayNavodisplayTop: En la barra superior, para tiendas que usan el teléfono como canal de atención al cliente principal junto al horario de oficina.
Para revisar qué elementos tienes colgados en cada sitio y cambiar el orden visual, solo tienes que entrar en el panel de administración e ir a Diseño > Posiciones. Si tu tema no incluye alguno de estos puntos en sus archivos de plantilla, el elemento simplemente no se pintará en pantalla.
Errores habituales al configurar el número de contacto
Hemos visto fallos sencillos que dejan el canal de contacto completamente inutilizado sin que el dueño de la tienda se entere. Estos son los tres descuidos más repetidos:
El primero es incluir el signo + delante del prefijo internacional. Aunque en la agenda del móvil sea lo habitual para marcar, en las direcciones web ese símbolo puede interpretarse como un espacio en blanco y romper la llamada al servidor de mensajería.
El segundo es redactar mensajes predefinidos con caracteres especiales o espacios sin codificar. Si quieres que el enlace prepare un texto largo, los espacios deben convertirse al formato de URL seguro para que ningún navegador recorte la frase a la mitad.
El tercero es desatender el horario de respuesta. Si pones un botón directo muy visible pero no hay nadie al otro lado durante varias horas, la experiencia del comprador empeora. Es preferible indicar claramente en el texto del botón o cerca de él las horas en las que el equipo está disponible en el taller o la oficina.
Qué deberías hacer primero hoy en tu tienda
Antes de tocar nada en producción, anota en un papel el número de teléfono con su prefijo internacional tal como debe quedar: solo dígitos numéricos continuos. Prueba a escribir la dirección completa en la barra del navegador de tu propio teléfono móvil para comprobar que te redirige a la aplicación oficial sin mostrar ninguna pantalla de error intermedio.
Una vez comprobado que el enlace funciona por sí solo, decide en qué parte de la tienda te hace más falta. Si recibes dudas recurrentes sobre personalización o medidas de artículos concretos, colócalo primero en la ficha del producto. Si las consultas suelen ser generales sobre envíos o pedidos ya hechos, una posición discreta en el pie de página suele bastar para no saturar al cliente que solo quiere navegar tranquilo.