Rápido post para ver cómo añadir el botón de compartir en Whatsapp en una web y un blog de WordPress.
Son muchos los usuarios a nivel mundial que usan WhatsApp y cada vez las webs que están adaptadas a los dispositivos móviles. Esta razón es más que suficiente para poner este botón y poder ganar más visitas en la web.
En este primer código de ejemplo vamos a ver cómo añadir el botón a una web:
<a href="whatsapp://send?text=URL" data-action="share/whatsapp/share">Enviar por WhatsApp</a>
En el código superior he puesto un simple enlace de texto para compartir una URL por WhatsApp. Para adecuar el código a nuestra web deberemos sustituir ‘URL’ por la URL que queremos compartir quedando de esta manera:
<a href="whatsapp://send?text=https://www.anerbarrena.com/boton-compartir-whatsapp-4801/" data-action="share/whatsapp/share">Eviar por WhatsApp</a>
Vamos a mejorar este enlace añadiéndole una imagen, es decir, que el usuario vea una imagen y que al clickarla comparta el enlace por WhatsApp:
<a href="whatsapp://send?text=https://www.anerbarrena.com/boton-compartir-whatsapp-4801/" data-action="share/whatsapp/share">
<img border="0" src="RutaImagenWhatsApp.png" width="XXX" height="YYY">
</a> En el código superior nos quedaría por sustituir la ruta a la imagen de WhatsApp y sus dimensiones.
Vamos a adaptar el código del botón para que lo podamos colocar en las páginas y post de WordPress:
<a href="whatsapp://send?text=<?php echo get_permalink(); ?>" data-action="share/whatsapp/share">
<img border="0" src="RutaImagenWhatsApp.png" width="XXX" height="YYY">
</a> Ya véis que el código el similar al anterior, solo que en vez de poner la URL a compartir he puesto la función get_permalink() de WordPress para obetener la URL del post.