Zasbot Docs
  • Hola!
  • EMPIEZA POR AQUÍ
    • Zasbot
    • FAQs
    • Soporte
    • Planes y precios
  • GUIA PARA PRINCIPIANTES
    • Introducción
    • ¿Que es un chatbot?
    • Canales
    • Integraciones
    • Casos de uso
    • Establece tus objetivos
  • LA PLATAFORMA
    • Accede a la plataforma
      • Registrate
      • Inicia tu prueba gratuita
      • Olvidé mi contraseña
      • Pantalla de inicio
      • Configuración de la plataforma
    • Conexión a los canales
      • Omnicanal
        • Crea un bot omnicanal
      • Canal de Whatsapp
        • Whatsapp Cloud
        • Verificar tu negocio en Meta
      • Widget
      • Otros canales
    • Chat de grupo de agentes
    • Chats en vivo
      • Como usar el chat en vivo
    • Estadísticas
    • Integraciones
      • Base de datos (MongoDB, Mysql, Postgresql)
      • OpenAI
      • Stripe
      • Paypal
      • Cloudinary
      • Shopify
      • Facebook Business
      • Calendly
      • Slack
      • Google Sheet
      • Twilio
      • Gmail
      • MailChimp
      • GoHighLevel
      • Zapier
      • Make
      • Google Maps
    • Mini Apps
    • Tienda
      • Configuración
      • Usa ecommerce en tu flujo
      • Carritos y Pedidos
    • Ticketing
      • Crear un sistema de Ticketing
      • Crea o modifica tickets desde el chat en vivo
      • Automatiza la creación de tickets
      • Casos de uso frecuentes
    • Mis Contenidos
      • Plantillas de correo
      • Plantillas de bots
    • Más información
      • Workspace y miembros
      • Límites de la plataforma
  • CREA TUS FLUJOS
    • Introducción
      • Diferencias entre Canal, Bot y Flujo
      • Planifica tus flujos
      • Menú lateral
      • Flujos y subflujos
    • Diseña tu primer flujo
      • Configuraciones generales
      • Operaciones básicas para construir tus flujos
      • Variables
        • Campo del sistema y campo personalizado
        • Campo de bot y campo de usuario
        • Tipos de variables
      • Publicar un flujo
    • Tipos de nodos
      • Acción
        • Acciones básicas
          • Agregar y eliminar etiquetas
          • Establecer y borrar valor variable
            • Establecer valor de variable
              • Texto
              • Número
              • Fecha y Hora
            • Borrar valor de variable
          • Operación JSON
          • Suscribirse y desuscribirse a un bot
          • SMS Opt-In
          • Email Opt-In
          • Marcar conversación como...
          • Pausar / Reanudar automatización
          • Asignar agente
          • Agregar nota a miembros del equipo
        • Acciones avanzados
          • Solicitud externa
          • Función Javascript
          • Retraso inteligente
          • Enviar SMS
          • Establecer idioma
          • Establecer zona horaria
          • Registrar evento personalizado
          • Mover a tablero
          • Generador de archivos de calendario
          • Ir a número de nodo
          • Ejecutar flujo de trabajo
          • Intento de límite de tasa
          • Bot User API
        • Integraciones
        • Notificaciones
        • Tienda
      • Pregunta
        • Texto / Número / Email / Teléfono
        • Fecha / FechaHora
        • Elección
        • Ubicación
        • Medios
      • Mensaje
        • Texto
        • Medios de comunicación
        • Tarjeta
        • Para cada
        • Contenido dinámico
        • Catálogo de productos
        • Flujo de WhatsApp / WhatsApp Flow
        • Mensaje de lista
        • Plantilla de mensaje
        • Tienda
        • Debug Text
        • Esperar
      • Email
      • Condición
      • Separar
      • Ir
  • MIS BOTS
    • Usuarios
    • Tableros
    • Automatizaciones
      • Palabras claves
      • Secuencias
      • Disparadores
      • Intenciones
    • Contenido
      • Campos de usuario
      • Campos de bot
      • Tags
      • Etiquetas
      • Nodos
      • Eventos predeterminados
      • Notas finales
      • Plantillas de Mensajes
      • Flujos de WhatsApp / WhatsApp Flows
      • Plantillas de correo electrónico
    • Herramientas
      • Registro de errores
      • Testers
      • Administradores
      • Widgets
      • Idiomas adicionales
      • Mensaje predefinido
      • Mensajes programados
      • Retrasos inteligentes
      • Reportes personalizados
      • Webhooks entrantes
        • Introducción
        • Creación y Configuración
        • Mapeo y Procesamiento de Datos
        • Uso del Webhook en Flujos
        • Solución de Problemas y Depuración
    • Difusiones
    • Configuración
  • INTELIGENCIA ARTIFICIAL
    • Open AI | ChatGPT
      • Funciones disponibles en OpenAI
    • DeepSeek
      • Funciones disponibles en DeepSeek
    • Google Gemini
      • Funciones disponibles en Google Gemini
    • Coze
      • Funciones disponibles en Coze
    • Claude AI
      • Funciones disponibles en Claude
    • DialogFlow
      • Funciones disponibles en DialogFlow
    • X AI
      • Funciones disponibles en X AI
  • DEVELOPERS
    • Zasbot API
  • VER MÁS
    • Zasbot
    • Linkedin
    • Instagram
Con tecnología de GitBook
En esta página
  1. LA PLATAFORMA
  2. Conexión a los canales

Widget

El widget de chat web permite integrar un chatbot en cualquier sitio web sin depender de otros canales, maximizando el marketing conversacional sin limitaciones externas.

AnteriorVerificar tu negocio en MetaSiguienteOtros canales

Última actualización hace 4 meses

¿Dónde encontrarlo?

  1. Haz Click en "Omnicanal" en el menú lateral izquierdo y una vez allí haz click en "Abrir bot"

  2. El editor del Widget está disponible en el menu lateral izquierdo bajo el nombre "Widget de chat web" .

Configuración del Widget de Chat

  1. Contenido

    • Burbuja de chat: Personaliza el ícono y el texto para atraer usuarios.

    • Encabezado del chat: Agrega un logo o imagen personalizada con un mensaje de bienvenida.

    • Botón de conversación: Define textos de llamada a la acción (CTA) para iniciar o continuar conversaciones.

    • Mensaje de bienvenida: Motiva a los usuarios a interactuar con el chat.

    • Mensaje fuera de oficina: Notifica a los usuarios cuando no estás disponible.

    • Formulario previo al chat: Recopila datos del usuario antes de iniciar la conversación.

    • Flujo de inicio predeterminado: Configura el flujo inicial del chatbot si no hay formulario previo.

  2. Pestaña de Configuración

    • Idioma: Cambia el idioma del widget.

    • Sonido de notificación: Personaliza o desactiva sonidos de notificación.

    • Funciones: Activa opciones como selector de emojis, carga de archivos, finalización de chat, ventana emergente, y transferencia a móvil mediante un código QR.

    • Dominio permitido: Asegúrate de agregar tu dominio para mostrar el widget en tu sitio web.

  3. Canales Permite que los usuarios continúen la conversación en sus canales favoritos como Messenger o WhatsApp.

  4. Apariencia

    • Tema y Fuente: Adapta el diseño del chat a tu marca.

    • Colores: Personaliza los colores del widget.

    • Botones (inicio y respuesta rápida): Modifica el estilo y diseño para un enfoque único.

  5. Estilo de Visualización Elige entre diferentes estilos para el widget:

    • Modal Flotante (ícono en la esquina).

    • Página Completa.

    • Ventana de Chat Incrustada.

    • Modal Emergente (activado por un elemento en la página).

  6. Instalación Genera el código para incluir el widget en tu sitio web.