WhatsApp link para HTML

whatsapp link html

Si deseas crear un bot贸n HTML puro para tu sitio web HTML, este es el mejor c贸digo que puede utilizar. Si tiene un sitio web HTML o PHP … debes agregar tu c贸digo directamente a tu sitio web. Con este c贸digo puede agregar un bot贸n para tu n煤mero de WhatsApp directamente en su sitio web.

El c贸digo HTML para tu bot贸n de WhatsApp

<div onclick=”location.href=’https://api.whatsapp.com/send?phone=PHONENUMBERHERE&amp;text=Hi,%2we%20use%20ToChat.Be’;” align=”center” class=”whatsappbutton”><i class=”fa fa-whatsapp fa-2x”></i><span>Contact Us</span></div>

Obviously place your own phone number at 鈥淧HONENUMBERHERE鈥.

La CSS para tu bot贸n y link a WhatsApp

/* WhatsApp Button */

.whatsappbutton { background-color: #7ACC72; /* Green */ border: none; color: white; text-align: center; text-decoration: none; font-size: 16px; border-radius: 20px; padding: 10px 20px; margin-top: 10px !important; width: fit-content; margin: auto; cursor: pointer }

.whatsappbutton span { vertical-align: text-bottom !important; }

.fa-whatsapp { margin-right: 10px; }

Puedes crear una versi贸n corta del link a WhatsApp Short Url WhatsApp Button

Descargar archivo HTML con el bot贸n WhatsApp

Este es un archivo con el c贸digo HTML que puede utilizar para crear su p谩gina de destino.

Una mejor versi贸n del enlace a WhatsApp

Puede crear una versi贸n mejor del Enlace a WhatsApp utilizando nuestro servicio para crear enlace a WhatsApp .

Con este enlace puede administrar sus estad铆sticas y agregar su mensaje de bienvenida con nuestro editor f谩cil de usar. Codificar directamente siempre es riesgoso y su enlace puede dejar de funcionar.

Tambi茅n te damos una URL corta con un formato m谩s agradable. Su URL ser谩 como: https://chatwith.io/s/5f687a450cf8a

Puede usar este enlace a WhatsApp en el c贸digo que compartimos antes:

<div onclick=”location.href=’https://chatwith.io/s/5f687a450cf8a’;” align=”center” class=”whatsappbutton”><i class=”fa fa-whatsapp fa-2x”></i><span>Contact Us</span></div>

Dejar un comentario

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