Permite compartir productos por WhatsApp desde Prestashop

Añade WhatsApp a tu tienda Prestashop para compartir productos

Permite a tus usuarios compartir los productos de tu tienda online en Prestashop por Whatsapp añadiendo un botón de compartir. 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.

Descarga este artículo como un e-book

2 comentarios en “Permite compartir productos por WhatsApp desde Prestashop

  1. Hola. Muy interesante. Pero , ¿sigue funcionando? He intentado ponerlo en mi tienda y todo aparece bien, pero al pulsar el link no lleva a ninguna parte y da error.

  2. Si continua funcionando, debes abrir la tienda con tu móvil

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Top