logo

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

14 comentarios

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.

Añadir botón WhatsApp a una página web: Mobile ShareBar

 

Mashshare

Añadir botón WhatsApp a una página web: 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

Añadir botón WhatsApp a una página web: 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.

 

  1. tomas

    30 diciembre, 2016 a las 12:28

    buen apunte

  2. Ferran

    11 diciembre, 2016 a las 13:32

    Muchas Gracias, estoy intentando hacer mi web y me ha sido de muchisima ayuda, espero en poco tenrrla subida

  3. dafonk

    17 junio, 2016 a las 18:45

    Lo interesante sería tener algo para que al estar en la página web móvil y si el visitante se quiere comunicar con nosotros por Whatsapp haga clic y se comunique contigo por el chat de Whatsapp. Sería un poco más complicado ya que iría por el número de teléfono y para comunicarte hay que tenerte como contacto …???

  4. eduardo

    16 mayo, 2016 a las 11:57

    Hola, una duda
    ¿y si lo que quiero es poner un botón para que enlacen a mi número de whatsapp y me puedan escribir un mensaje?
    si pongo un enlace tel: y mi número de teléfono pulsándolo desde un smartphone me llaman directamente ¿se puede hacer lo mismo con whatsapp para los mensajes?

    Un saludo

  5. carlos andres

    4 noviembre, 2015 a las 6:25

    la versión gratis de mash solo comparte facebook y twitter pero igual es muy buena opción para compartir en la pagina web.

  6. Agus

    20 octubre, 2015 a las 4:57

    Gracias, muy útil. Permiteme aclarar que la versión gratuita de Mashshare solo permite Facebook y Twitter, para compartir por Whatsapp hay que comprar un add-ons.

  7. Francisco Jofre

    6 agosto, 2015 a las 22:02

    Muchas gracias. Me vino justo a lo que necesitaba.

  8. Gonzalo

    24 julio, 2015 a las 22:45

    ¿Como puedo contabilizar o mostrar un contador de las veces que ha sido compartido en whatsapp? Por que no que muestras funciona de 10 pero solo es un boton, quisiera que la gente vea cuantas veces ha sido compartido, se puede??

Leave a reply

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