Cómo añadir el botón de WhatsApp en tu ficha de producto- PRESTASHOP 1.7
Cómo añadir el botón de WhatsApp en tu ficha de producto- PRESTASHOP 1.7
Vamos a ver en este post cómo podemos añadir un botón de Whatsapp en nuestra ficha de producto de nuestra tienda Prestashop. El cliente podrá hacer clic en el botón de Whatsapp desde su móvil o su computadora y comenzar un chat en vivo vía Whatsapp con nosotros.
Lo que vamos a ver no es un botón de compartir productos a través de Whatsapp, sino un botón para comenzar un chat WhatsApp entre cliente y vendedor.
¿Por qué poner un botón de Whatsapp en mi tienda online Prestashop?
La posibilidad de realizar consultas en tiempo real con el vendedor es algo que beneficia e incrementa las ventas de nuestros productos.
Pasos a seguir :
- Crear tu propio enlace:
Usa: https://wa.me/51930xxxxxx
código de país: 51 (Perú)
Número de celular: 930xxxxxx
- Nos ubicamos en la siguiente ruta de nuestro hosting:
themes / classic / templates / catalog / product.tpl y pegamos este script
<a href="https://wa.me/51930xxxxx" class="myButton">
<span class="mensaje">
<img src="https://image.flaticon.com/icons/svg/2111/2111728.svg" width="40px" height="40px" style="padding-right: 5px;"> ¡Haz click aquí para que te ayudemos por Whatsapp!</span> </a>
debajo de
<h1 class="h1" itemprop="name">{block name='page_title'}{$product.name}{/block}</h1>
- Daremos estilos a nuestro botón
Nos ubicamos en la siguiente ruta de nuestro hosting
themes / classic / assets / css / theme.css y pegamos en siguiente estilo:
.myButton {
background-color:#44c767;
border-radius:3px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:16px;
font-weight:bold;
padding:2px 18px;
text-decoration:none;
text-shadow:0px 0px 0px #44c767;
}
.myButton:hover {
background-color:#5cbf2a;
}
.myButton:active {
position:relative;
top:1px;
}
a:link {
text-decoration:none;
}
.mensaje {
color:#fff
}
Para finalizar guardamos los cambios y borramos la caché de nuestro prestashop y de nuestro navegador.
SI TE GUSTO COMPARTELO:
4,100 vistas totales, 2 vistas hoy
