¿Cómo poner el botón de contactar por Whatsapp en tu página web?

cómo integrar whatsapp en una pagina web

¿Sabes que integrar el botón de contactar por Whatsapp en tu sitio web servirá a tus visitantes para resolver sus dudas y podría ayudarte a conseguir más ventas en tu negocio?

A continuación, veremos diferentes formar de crear y compartir la url de nuestro Whatsapp con nuestros potenciales clientes y cómo insertar un botón en nuestra página web.

Cómo crear tu URL de Whatsapp

Generar una URL de whatsapp para que tus clientes puedan contactarte y enviarte mensajes por whatsapp es muy sencillo. Solo tendrás que poner esta URL (wa.me) y añadir tu número de teléfono a continuación:

https://wa.me/34622715976 => Prefijo + teléfono, todo junto

Este enlace ya será suficiente para que cualquier usuario que lo tenga pueda escribirte por whatsapp (no te olvides de incluir el prefijo de tu páis). Y si quieres mejorarlo, puedes introducir un mensaje predeterminado para que el usuario solo tenga que hacer clic en Enviar.

https://wa.me/34622715976?text=Hola!%20Me%20puedes%20ayudar?

Utiliza esta url de Whatsapp e introduce tu número de teléfono y añade una cadena de texto codificado para personalizar tu enlace (usa %20 para reemplazar espacios en la url). Tu url quedaría así:

Cómo acortar el link de whatsapp

Si tu enlace de contactar por whatsapp es demasiado largo puedes utilizar un acortador de urls para generar un enlace más corto o personalizar tu propia dirección para whatsapp dentro de tu dominio. Quedarían así:

Enlace HTML con URL acortada

<a href="https://bit.ly/3v584U5">¡Te atendemos por Whatsapp!</a>

Enlace HTML con URL personalizada

<a href="http://whatsapp.linkatomic.com" target="_blank">Escríbenos por Whatsapp</a>

Para personalizar tu enlace de whatsapp tendrás que crear un subdominio dentro de tu hosting. En el siguiente punto te enseñamos como crear una URL bonita que podrás publicar por tu sitio web para que tus clientes te escriban al whatsapp.

Crear subdominio “Whatsapp.tuweb.com”

Si accedemos a Cpanel > Subdominios podremos crear un subdominio estilo Whatsapp.linkatomic.com para que cuando un usuario entre en este enlace sea redirigido a nuestro whatsapp de empresa o personal. Para ello accedemos a Subdominios dentro de nuestro Cpanel:

Creamos un subdominio añadiendo de nombre whatsapp. A continuación haremos clic en Administrar redireccionamiento sobre este subdominio e incluiremos la URL con nuestro número de whatsapp y la cadena de texto que hemos creado anteriormente.

Si utilizas cloudflare tendrás que añadir un registro A en la zona de gestión de DNS para tu dominio.

  • Selecciona un registro tipo A.
  • Introduce el nombre del subdominio que has creado anteriormente. El que hemos creado nosotros se llama “whatsapp“.
  • Introduce la dirección IP del servidor.
  • El TTL lo dejamos en automático.
  • Estado de proxy lo mantenemos en Redirigido por proxy.

Guardamos y listo. Ya tenemos la URL de nuestro whatsapp de empresa personalizado en un subdominio de nuestra web.

Cómo insertar el botón de contactar por whatsapp en tu web

Ahora que has generado tu enlace de whatsapp puedes insertar un botón de contactar por whatsapp en tu página web, vinculado al enlace que has generado. Algo así:

Botón simple enlazando hacía http://whatsapp.linkatomic.com

Deja una respuesta

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

Let's talk

If you want to get a free consultation without any obligations, fill in the form below and we'll get in touch with you.
[contact-form-7 id="5208"]