¿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