Consultora SEO y Diseño Web en Barcelona

Cómo añadir el botón de WhatsApp a una página web

Estás leyendo una noticia importante en tu móvil, quieres compartirla a tus contactos de WhatsApp y lo único que se te ocurre es copiar el enlace, abrir la aplicación y pegarlo para después compartir. Demasiados pasos ¿no te parece?

Por suerte, a alguien se le ocurrió la posibilidad de añadir el botón de WhatsApp a una página web. ¿Cómo lo hago?

Primero, nos ponemos en antecedentes…

Facebook y WhatsApp ahora van de la mano desde que la famosa red social adquirió este servicio de mensajería el pasado mes de octubre.

Seguidamente, WhatsApp, liberó la funcionalidad de poder agregar el botón de “Compartir” para que lo podamos añadir a nuestra web o blog y así poder enviar el contenido a nuestros contactos de Facebook.

Además, si tenemos en cuenta que cada vez se utiliza más el móvil para navegar (y yo no conozco a casi nadie que no use WhatsApp…), razón de más para compartir utilizando este método. Después de todo, cuando alguien publica un contenido, lo que quiere es hacerlo viral y conseguir posicionamiento (de eso saben y mucho en iSocialWeb – aquí “publi” gratis XD).

A lo que vamos, ¿cómo añadir el botón de WhatsApp a mi web?

Dependiendo de si tu página está hecha en HTML o en WordPress, tendrás que usar un sistema u otro. Aquí te lo explico:

Cómo añadir el botón de COMPARTIR EN WHATSAPP en HTML

Para añadir el botón de compartir en WhatsApp a tu web, tienes que añadir el siguiente código:

<a href="whatsapp://send?text= http://www.tuweb.es/urlquequierescompartir/" data-action="share/whatsapp/share"><img border="0" src="rutadelaimagendewhatsapp.png" width="64px" height="64px"></a>

En el código anterior he puesto un enlace de texto para compartir una URL por WhatsApp. En el caso de tratarse de tu web, deberás sustituirlo por la URL que quieras compartir.

Además incluirá una imagen, clicable, para que el resultado sea más atractivo. ¿Cómo? Sólo tendrás que indicar la ruta de la imagen de WhatsApp y también sus medidas.

¿Ves que fácil? Vamos con WordPress…

Cómo añadir un botón de COMPARTIR EN WHATSAPP en WORDPRESS

La forma más rápida de añadir el botón de WhatsApp en WordPress es mediante un plugin.

Tienes varios plugins que hagan esta función. Vamos a ver algunos:

Mobile ShareBar

Este plugin lo que hace es incluir una barra customizable con botones para compartir en la versión móvil de tu web.

De momento, y que yo sepa, sólo está disponible para iOS.

Mashshare

Otro plugin gratuito para compartir el contenido de tu web. Entre todas las redes sociales, incluye también el botón para WhatsApp.

 

ShareThis

Puedes visitar su web para ver las opciones de configuración del plugin.

 

Vamos a darle una vuelta más…

Si sabes de código PHP, tienes otra opción más: Añadir las líneas de código en el lugar donde quieras que se muestre el botón.

Para añadir el botón de compartir en WhatsApp en WordPress, tendrás que adaptar el código del botón para colocarlo en las páginas y entradas.

El código es muy parecido al utilizado para HTML, sólo cambia que en lugar de poner la URL que quieres compartir, tienes que poner la función get_permalink() para obtener la url de la entrada.

<a href="whatsapp://send?text=<?php echo get_permalink(); ?>" data-action="share/whatsapp/share"><img border="0" src=" rutadelaimagendewhatsapp.png" width="64px" height="64px"></a>

Como ves, tienes varias opciones, sólo tienes que probar y quedarte con la que más te guste.

Deja una respuesta

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

Información básica sobre protección de datos Ver más

  • Responsable Montserrat Martinez Torres .
  • FinalidadModerar los comentarios. Responder las consultas.
  • Legitimación Tu consentimiento.
  • Destinatarios Cdmon.
  • Derechos Acceder, rectificar y suprimir los datos.

© 2020 Todos los derechos reservados. Hecho con ♥ en Barcelona by Seocreativa. Política de Privacidad | Política de Cookies | Política Privacidad RRSSAviso Legal