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.
Código para añadir el botón de compartir en WhatsApp en una web
En este primer código de ejemplo vamos a ver cómo añadir el botón a una web:
|
1 |
<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:
|
1 |
<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:
|
1 2 3 |
<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.
Código para añadir el botón de compartir en WhatsApp en WordPress
Vamos a adaptar el código del botón para que lo podamos colocar en las páginas y post de WordPress:
|
1 2 3 |
<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.