Saltar al contenido principal

Crear tu Primer Chatbot

Nuevo typebot​

  1. En el dashboard, haz clic en + Create a typebot
  2. Elige plantilla o empieza en blanco
  3. Nombra tu bot

Editor visual​

El editor tiene 3 áreas:

  • Izquierda: Bloques disponibles
  • Centro: Flujo del bot
  • Derecha: Configuración del bloque

Bloques básicos​

Bubbles (mensajes del bot)​

  • Text: Mensaje de texto
  • Image: Mostrar imagen
  • Video: Embed de video
  • Embed: HTML personalizado

Inputs (respuestas del usuario)​

  • Text input: Texto libre
  • Number: Solo números
  • Email: Validación de email
  • Phone: Número telefónico
  • Buttons: Opciones predefinidas
  • Date: Selector de fecha

Lógica​

  • Condition: Si/entonces
  • Set variable: Guardar datos
  • Redirect: Ir a otra URL
  • Code: JavaScript custom

Ejemplo: Bot de contacto​

[Text] ¡Hola! 👋 Soy el asistente de ventas
       ↓
[Text] ¿Cuál es tu nombre?
       ↓
[Text Input] → guarda en {{nombre}}
       ↓
[Text] Mucho gusto {{nombre}}! ¿Tu email?
       ↓
[Email Input] → guarda en {{email}}
       ↓
[Buttons] ¿Qué te interesa?
  - Producto A
  - Producto B
  - Solo información
       ↓
[Text] ¡Perfecto! Te contactaremos pronto.