Skip to main content

Cómo Agregar Un Botón Vatsap A Un Sitio En La Plataforma Tilda

Crear un sitio web en la plataforma Tilda es una de las soluciones f ciles y efectivas para presentar su negocio o proyecto en l nea. Sin embargo, para mejorar la comunicaci n con sus clientes, vale la pena agregar un bot n Vatsap a su sitio. Esto permitir a los usuarios ponerse en contacto con usted f cilmente y obtener la informaci n necesaria en tiempo real.

Para agregar el bot n Watsap a su sitio en la plataforma Tilda, solo necesita unos pocos pasos simples. En primer lugar, debe crear un bot n en su p gina en Vatsap. Inicie sesi n en su cuenta de Vatsap y vaya a configuraci n. En herramientas Comerciales, seleccione enlace de Chat. Aqu puede crear su propio bot n personalizado con informaci n de contacto.

Una vez que haya creado un bot n en Vatsap, tendr que copiar y pegar el c digo del bot n en su sitio en la plataforma Tilda. Para ello, abra el Editor del sitio de Tilde y vaya al modo de edici n de la p gina deseada. Pegue el c digo copiado en el lugar donde desea colocar el bot n en su sitio. Por lo general, el bot n Watsap se coloca en la esquina inferior derecha de la pantalla.

  1. M todos para agregar un bot n Vatsap a un sitio
  2. C mo crear un bot n Vatsap en un sitio web usando c digo
  3. Ventajas de agregar un bot n Watsap a un sitio web
  4. Pasos para agregar un bot n Vatsap a un sitio en la plataforma Tilda
  5. Conexi n de un script para agregar el bot n Vatsap al sitio
  6. Personalizar la apariencia del bot n Vatsap en el sitio
  7. Comprobar el estado del bot n Vatsap en el sitio

M todos para agregar un bot n Vatsap a un sitio

Hay varias formas de agregar un bot n Watsap a su sitio web:

  1. Uso del bot n oficial de Vatsap.

    Puede obtener el bot n oficial de Vatsap agregando el siguiente c digo HTML a su sitio:

    a su n mero de Tel fono en formato internacional sin el s mbolo " + " y

  2. .
  3. Necesitas cambiar

numero_tel fono

a su n mero de Tel fono en formato internacional sin el s mbolo"+".

Uso de plugins y widgets de WhatsApp.

  1. En el sitio de Tilda, puede encontrar varios Complementos y widgets de WhatsApp para agregar a su sitio.
  2. Puede agregar un widget de WhatsApp yendo a su sitio en modo de edici n y seleccionando el bloque "c digo HTML" de la barra de herramientas. A continuaci n, pegue el c digo HTML apropiado para el widget seleccionado.
  3. Tambi n puede utilizar plugins para a adir un bot n Vatsap a su sitio web. Para hacer esto, debe habilitar el complemento apropiado en su sitio a trav s del panel de control de Tilde y configurarlo a su gusto.
  4. Si desea agregar un bot n Vatsap a su sitio web, necesitar un c digo simple que pueda insertar en la p gina. Siga los pasos a continuaci n para crear un bot n Vatsap en su sitio:
  5. Abra el Editor HTML o el Editor de su sitio web.
  6. Cree un nuevo elemento HTML, como un bot n o una imagen, que desee utilizar como bot n de Vatsap.

Agregue el atributo "onclick" a su elemento HTML.

Dentro del atributo "onclick", ingrese el siguiente c digo:

window.open ('https://wa.me/ _ ', '_blank');

  • donde "n mero de Tel fono" es el n mero de Tel fono del destinatario del mensaje en formato pa s + c digo de rea y n mero.
  • Cierre el elemento HTML.
  • Guarde los cambios y abra su sitio web en un navegador para comprobar el bot n Vatsap.
  • Despu s de seguir estos pasos, el bot n Vatsap estar listo para su uso en su sitio. Al hacer clic en l, el usuario ser redirigido a la p gina Vatsap con un mensaje pre-llenado y el n mero de Tel fono especificado del destinatario.
  • Ventajas de agregar un bot n Watsap a un sitio web
  • Agregar un bot n Watsap a un sitio ofrece muchas ventajas:

Comodidad para los usuarios - el bot n Vatsap permite a los usuarios ponerse en contacto r pida y f cilmente con el propietario del sitio mediante el env o de un mensaje a trav s de un mensajero popular.

Aumentar la conversi n-la presencia de un bot n Vatsap en el sitio ayuda a aumentar la conversi n, ya que los usuarios pueden obtener una respuesta m s r pida a sus preguntas y realizar una compra.

Aumentar la confianza-la presencia de un bot n Vatsap en el sitio da la impresi n de un Servicio en vivo y la disponibilidad del propietario del sitio, lo que ayuda a establecer una relaci n de confianza con los visitantes.

Aceleraci n de la comunicaci n - el bot n Vatsap le permite acelerar la comunicaci n con los usuarios, ya que la mensajer a en el mensajero es instant nea.

Aumentar la retenci n de usuarios: tener un bot n de WhatsApp en el sitio puede aumentar la probabilidad de que los usuarios vuelvan a visitar, ya que pueden solicitar ayuda o informaci n f cilmente.

Aumentar las ventas-la presencia de un bot n Vatsap en el sitio puede alentar a los usuarios a ponerse en contacto con el propietario del sitio de inmediato y realizar una compra o pedido de servicios, lo que ayuda a aumentar las ventas.

Todas estas ventajas hacen que agregar un bot n Watsap a un sitio en la plataforma Tilda sea una soluci n muy til y efectiva para mejorar la experiencia del usuario y el rendimiento del sitio.

Pasos para agregar un bot n Vatsap a un sitio en la plataforma Tilda

1. Abra el Editor del sitio en la plataforma "Tilda".

2. Seleccione la secci n del sitio donde desea colocar el bot n Vatsap.

3. En el Editor de secciones, cambie al modo de c digo.

4. Pegue el siguiente c digo en la ubicaci n deseada de la secci n:

5. Reemplace "n mero de Tel fono" con su n mero de Tel fono en formato internacional, sin signo "+" o espacios.6. Reemplace "enlace de imagen de bot n" con el enlace de imagen de bot n Vatsap.
7. Guarde los cambios y publique el sitio.Conexi n de un script para agregar el bot n Vatsap al sitio
Inicie sesi n en el Editor de su sitio en la plataforma Tilda y vaya a la p gina donde desea colocar el bot n Vatsap.

Medida 2

Pegue el siguiente c digo antes de la etiqueta de cierre

Para agregar un bot n de Vatsap a un sitio en la plataforma Tilda, puede personalizar su apariencia utilizando un c digo HTML. Puede usar etiquetas para hacer esto

En este ejemplo, se utilizan dos botones Vatsap con im genes y texto. Se usa una etiqueta para cada bot n

que indica un enlace a WhatsApp con un n mero de Tel fono.

para referencia de imagen y

alt

para un texto alternativo.

Para determinar el Tama o de la imagen del bot n, se utiliza el atributo

style

  1. con la indicaci n de ancho y alto en p xeles.
  2. Para navegar por WhatsApp y comunicarse con Nosotros se utilizan enlaces con texto dentro de la etiqueta
  3. . Atributo
  4. href
  5. de nuevo indica un enlace a WhatsApp con un n mero de Tel fono.

Usando el c digo de ejemplo, puede personalizar la apariencia del bot n Vatsap en el sitio seg n sus necesidades.

Comprobar el estado del bot n Vatsap en el sitio