Cargando...Añade un enlace WhatsApp a tu tienda PrestaShop para compartir productos
Permitir a los usuarios compartir los productos de tu tienda online en PrestaShop por WhatsApp añadiendo un simple enlace o botón de compartir puede hacer que los productos lleguen a nuevos usuarios y así aumentar las ventas. Para añadir el botón en cada ficha de producto solo tienes que hacer lo siguiente.
En la versión 1.6 de PrestaShop:
Abre la plantilla product.tpl dentro de tu tema y busca sobre la línea 225, un código que diga:
{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}
{if !$content_only}
<!-- usefull links-->
<ul id="usefull_link_block" class="clearfix no-print">
{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
Cambialo por
{if isset($HOOK_EXTRA_RIGHT) && $HOOK_EXTRA_RIGHT}{$HOOK_EXTRA_RIGHT}{/if}
{if !$content_only}
<!-- usefull links-->
<ul id="usefull_link_block" class="clearfix no-print">
<li class="wapp"><a href="whatsapp://send?text={$product_link}"><i class="fa fa-whatsapp"></i>{l s='Share whatsapp'}</a></li>
{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
Ahora añade en los estilos de tu sitio global.css, primero lo ocultamos para todas las vistas
#usefull_link_block .wapp{display:none}
#usefull_link_block .whatsapp{ font-size:14px; margin-bottom:0px; text-align:right; pointer-events: none;}
#usefull_link_block .whatsapp .fa-whatsapp{color:#42C54E;}
Y solo se muestra en dispositivos móviles
@media (max-width: 480px)
{
#usefull_link_block .wapp{display:block}
}
El icono de WhatsApp esta incluído con Font Awesome, si quieres que aparezca, incluye primero la fuente. Incluye esta línea en el head del html
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
Con esto se incluye un link en la ficha del producto del tema PrestaShop o un nuevo botón para compartir el producto por whatsapp para que los usuarios puedan enviar el enlace a la ficha del producto de la tienda online, aumentando la popularidad y aumentando ventas en la tienda PS.