HTML Tips

WhatsApp, ¿cómo crear un link para recibir mensajes?

[titulo]¿Cómo crear un botón de WhatsApp chat en Html?[/titulo]

La archiconocida app de mensajería instantánea, considerada por muchos como la red social más usada del mundo, permite enviar mensajes directos desde el hipervínculo de una web.

Pero claro, tú eso ya lo sabías, ¿no? ¡Por eso estás aquí! 😉

WhatsApp tiene una api rest que admite los siguientes parámetros:

  • phone: Que es, obvio, el número de teléfono al que enviar el mensaje, siempre precedido del prefijo de tu país.
  • text: Si quieres incluír algún texto por defecto.

Así pues, si queremos crear un enlace en el que al hacer clic nos envíen un mensaje, pondremos algo como esto:

<a href="https://api.whatsapp.com/send?phone=34666777888">El anchor text que quiera<a/>

Donde 666777888 se sustituye por tu num de teléfono.

Si queremos que nos envíen un texto inicial por defecto:

<a href="https://api.whatsapp.com/send?phone=34666777888&text=Hola%20Caracola!">El anchor text que quiera<a/>

Donde “Hola%20Caracola!” debe sustituirse por el texto que queramos que se envíe inicialmente, y para poner espacios debemos usar [codigo]%20[/codigo].

 

¿Y si queremos poner ese enlace a una imagen que hace las veces de botón?

Pues cambiamos el anchor text por la imagen:

<a href="https://api.whatsapp.com/send?phone=34666777888&text=Hola%20Caracola!">
    <img src="la_url_de_la_imagen"> 
<a/>

 

¿Dudas, preguntas, propuestas? ¡A los comentarios!

 

 

Cristian Sarabia Martínez

Desde que a principios de los 90 mi padre desempolvó su Spectrum, no he dejado de probar y experimentar con la tecnología.

Enamorado del mundo web, Full Stack Developer de profesión y diseñador por devoción.

Ahora hago mis pinitos en esto del blogging para compartir con vosotros un poquito de todo lo que la comunidad me ha dado.

1 Comentario

Haz clic aquí para dejar tu comentario

Flickr

  • way of life
  • les épices
  • guenilles
  • aretha
  • Intérieur
  • Elle et lui
  • bouquet garni
  • Smile Selma au pectoral
  • bouquet au poisson

About Author

ThemeForest

Collaboratively harness market-driven processes whereas resource-leveling internal or "organic" sources. Competently formulate.

Calendar

octubre 2024
L M X J V S D
 123456
78910111213
14151617181920
21222324252627
28293031  

RSS Meks Blog

  • How Adding Slack Bot Boosted Our Culture of Appreciation 3 julio, 2024
    Sweet Kudos is a Slack bot that enhances employee recognition, rewards, and celebrations within your team. It empowers team members to express gratitude and appreciation effortlessly by giving virtual Kudos. The post How Adding Slack Bot Boosted Our Culture of Appreciation appeared first on Meks.
    Dusan Milovanovic
  • 10 Best Knowledge Base & Wiki WordPress Themes 2021 15 septiembre, 2021
    Running a successful online business requires an exceptional WordPress knowledge base theme that organizes documentation and helps customers. Customization options, intuitive navigation, unique layouts, and fast responsiveness are just some of the features you need. The following 10 WordPress wiki themes represent the best options for 2021 and beyond. Explore the full range to determine […]
    Dusan Milovanovic
  • How to increase WordPress Memory Limit (quick fixes) 16 junio, 2021
    Here is a post about how to increase the memory limit in WordPress. Allowed memory size exhausted error message showed up in your WordPress installation? No worries – this is one of the most common errors in WordPress. You can apply an easy fix by increasing the memory limit in your PHP. Table of Contents […]
    Dusan Milovanovic
  • How to use (and why) WordPress sitemap plugin 1 marzo, 2021
    Did you know that by knowing how to use the WordPress sitemap plugin you can significantly improve your site’s visibility and traffic? Although it isn’t mandatory to have a sitemap on your site, having one significantly improves the site’s quality, crawlability and indexing. All this is important for better optimization, which is why we wanted […]
    Ivana Cirkovic
  • 22 free and premium podcast software for your show [2021 edition] 18 enero, 2021
    You’re determined to start or improve your podcast but don’t know which podcast software to use to really make it stand out? We’ve got you! #podcasting Top 22 free and premium podcast software for your show #WordPressTips #podcasting The post 22 free and premium podcast software for your show [2021 edition] appeared first on Meks.
    Ivana Cirkovic
  • Digital storytelling with WordPress – an all-in-one guide to make your web stories pop! 23 noviembre, 2020
    Wondering how to improve digital storytelling with WordPress and build more awareness and exposure of your business? Let our guide lead the way. The post Digital storytelling with WordPress – an all-in-one guide to make your web stories pop! appeared first on Meks.
    Ivana Cirkovic
  • How to use WordPress autoposting plugin to improve your visibility and SEO? 10 septiembre, 2020
    Did you know you can use the WordPress autoposting plugin for your content efforts and improve not only your time management but your business and visibility as well? The post How to use WordPress autoposting plugin to improve your visibility and SEO? appeared first on Meks.
    Ivana Cirkovic
  • How to create a personal branding site? Step-by-step DIY guide 15 agosto, 2020
    Looking for ways and means to create a personal branding site? Well, look no further ’cause we’re giving away all the how-to’s to do it yourselves! The post How to create a personal branding site? Step-by-step DIY guide appeared first on Meks.
    Ivana Cirkovic
  • Top 15 WordPress content plugins and tools to improve your visibility and rankings 16 julio, 2020
    Let’s take a look at some of the must-have WordPress content plugins and tools to use to improve both your UX and rankings. The post Top 15 WordPress content plugins and tools to improve your visibility and rankings appeared first on Meks.
    Ivana Cirkovic
  • WCEU 2020 recap – key takeaways from the biggest online WordPress conference 9 junio, 2020
    Missed WCEU 2020 and all the exciting stuff from there? Here are all the key takeaways and main points to remember so, take notes! The post WCEU 2020 recap – key takeaways from the biggest online WordPress conference appeared first on Meks.
    Ivana Cirkovic

Text

Distinctively utilize long-term high-impact total linkage whereas high-payoff experiences. Appropriately communicate 24/365.

Archives