Ir al contenido principal

Instalar botón de chat WhatsApp en tu sitio web

Permite a los usuarios de tu sitio web iniciar conversaciones con tu negocio.

Juan Esteban Garcia avatar
Escrito por Juan Esteban Garcia
Actualizado esta semana

Agregar un botón de chat de WhatsApp a tu sitio web es una excelente manera de conectar con tus visitantes en tiempo real y brindar atención directa desde la aplicación de mensajería más usada del mundo. Con Wasapi, puedes configurar fácilmente este botón sin conocimientos técnicos.

Versión en video

Para una comprensión más visual del proceso, te invitamos a ver el video. Si prefieres una guía escrita, sigue las instrucciones detalladas a continuación.

Personaliza el botón según tus necesidades

Para personalizar tu botón de Chat tienes disponible varias opciones, pero primero debes ubicarte en la opción de "Botón de Chat" que está en el menu lateral de Wasapi llamado "WhatsApp".

El formulario de creación de botón de chat tienes las siguientes secciones:

  1. Opciones generales. Dentro de las opciones generales están las siguientes:

    1. Valor por Defecto: Limpia el formulario para ingresar información.

    2. Generar datos de Prueba: Ingresa información de prueba que ayuda a organizar el botón de chat.

  2. Configuración del botón. En esta sección tenemos las siguientes opciones:

    1. Posición del botón: Podemos configurar la posición del botón ya sea a la derecha o a la izquierda.

    2. Texto del botón: Aqui se asigna el texto que tendrá el botón.

    3. Opciones avanzadas: Se compone por las siguientes opciones:

      1. Márgenes: Permite configurar un margen horizontal y vertical a la posición del botón de chat.

      2. Apariencia: Permite configurar el Radio de esquinas del botón y asignar un color al botón de chat.

  3. Configuración del chat. En esta sección se configura todo el contenido del botón del chat en donde se ingresará la siguiente información:

    1. Título del chat

    2. Subtítulo del chat

    3. Título del mensaje

    4. Contenido del mensaje

    5. Texto del botón de envío


    Tambien comprende las opciones avanzadas que son las siguientes:

    1. Estado por defecto: Activa o desactiva la visualización del widget del botón de chat.

    2. URL de la imagen (avatar): Puedes ingresar la URL de una imagen para mostrar en la cabecera del widget del botón de chat.

    3. Texto 'Powered by': Permite mostrar u ocultar el texto "Mostrar texto 'Powered by wasapi.io'".

    4. Apariencia. Permite configurar el radio de esquinas del chat al igual que color del encabezado.

  4. Datos para la conversación. Esta sección se configura el número de teléfono que se activara cuando se diligencia el botón de chat. Se compone por los siguientes campos:

    1. Código del país.

    2. Número de teléfono.

    3. Mensaje predeterminado para iniciar el chat.

    4. Botón para generar código del widget: esta opción genera el código que debe ser agregado a la página web en donde se quiere agregar el botón de chat.

¿Ha quedado contestada tu pregunta?