Saltar al contenido

Ariapsa

Añadir botón de WhatsApp en producto de tienda WooCommerce

Boton de whatsapp para woocommerce

¿Cómo añadir con Hook de Woocommerce  el botón de WhatsApp en el producto, más añadir estilo?

 

Es probable que antes que tu usuario compre necesites informarle o darla mayor información sobre un producto, es posible añadir un botón después del botón de añadir al carrito sin tener que instalar más plugins y usar solo Code Snippets y los ganchos de WooCommerce o Hook WooCommerce.

Vamos necesitar el plugin Code Snippets instalas y vamos a la acción

Numero 1: Hook función boton WhatsApp

Añadimos un nuevo FRAGMENTO DE CODIGO y pegamos el código:

Modifica los siguientes espacios:

$phone = ‘5255xxxxxxxx’; / Añade tu numero de celular

$message = ‘Quiero información del producto: ‘.get_the_title().’ ‘; / Texto personalizado puede ser Hola, más información de:

‘/img/WA.png» / Deberás subir una imagen de whatsapp en una carpeta nueva con nombre IMG dentro de tu tema que estés usando normalmente es un Child Theme.

width=30 height=30 />’; / Permite manipular el tamaño de imagen de WhatsApp

echo ‘<div class=»apsa-whatsapp-container«>’. $link. ‘</div>’; / Permite añadir o enlazar CSS o estilo del boton que lo insertaremos en un nuevo FRAGMENTO DE CODIGO

Numero 2: Personalizar o dar estilo a botón de WhatsApp

 

ESTILO BOTÓN 3D

Añadimos un nuevo FRAGMENTO DE CODIGO CSS y pegamos el código:

 

ESTILO BOTÓN 3D

Añadimos un nuevo FRAGMENTO DE CODIGO CSS y pegamos el código:

 

  • Necesitas ayuda con tu Tienda Online Contáctanos podemos ayudarte