Documentación

Botón personalizado

Muestra botones en los que se puede hacer clic en el chat para guiar a los visitantes y activar acciones.

Los botones personalizados aparecen en las respuestas del chat y les dan a los visitantes opciones claras para elegir. Úsalos para enlazar páginas, guiar conversaciones o activar acciones específicas.

Crear un botón personalizado

  1. Ve a la pestaña Acciones de tu agente
  2. Haz clic en Agregar acción → Botón personalizado
  3. Configura el botón:
    • Etiqueta - Texto que se muestra en el botón
    • Tipo de acción - Qué sucede al hacer clic
  4. Guarda y prueba en Playground

Tipos de acción del botón

Enlazar a una URL

Los botones personalizados enlazan a una URL al hacer clic. Los enlaces HTTP o HTTPS se abren en una pestaña nueva; los enlaces mailto: y tel: abren el cliente de correo o de teléfono del visitante.

Ejemplo: el botón "Ver precios" enlaza con https://example.com/pricing

Cuándo aparecen los botones

La IA decide cuándo los botones son relevantes según el contexto de la conversación. Puedes guiar este comportamiento agregando instrucciones a la configuración de IA de tu agente.

Agrega indicaciones a las instrucciones de tu IA:

When discussing pricing, show the "View Pricing" and "Schedule Demo" buttons.

Configuración del botón

Etiqueta del botón

Usa etiquetas breves y orientadas a la acción:

  • "Ver precios"
  • "Programar demo"
  • "Comenzar"
  • "Más información"

Estilo del botón

Los botones heredan el color principal de tu agente como fondo, con un color de etiqueta que contrasta y un pequeño ícono (enlace externo, correo o teléfono) según el tipo de URL.

Varios botones

La IA puede mostrar varios botones en una misma respuesta cuando sea pertinente. Mantén las opciones de botones enfocadas: mostrar demasiados a la vez puede abrumar a los visitantes.

Prácticas recomendadas

  1. Etiquetas claras - Usa palabras de acción ("Ver", "Obtener", "Programar")
  2. Limita las opciones - De 2 a 3 botones por respuesta mantiene el foco
  3. Flujo lógico - Los botones deben tener sentido en el contexto
  4. Prueba a fondo - Verifica que los enlaces funcionen y que las acciones se activen

Ejemplos de casos de uso

Consulta de precios:

Buttons:
- "View Full Pricing" → /pricing
- "Schedule Demo" → /schedule
- "Start Free Trial" → /signup

Conversación de soporte:

Buttons:
- "Contact Support" → /home/help
- "View Documentation" → /docs
- "Check Status" → /status

Exploración del producto:

Buttons:
- "See Features" → /features
- "Watch Demo" → /demo
- "Compare Plans" → /pricing

Combinar con otras acciones

Los botones funcionan bien junto con otras acciones:

  • Muestra el formulario de leads después de hacer clic en el botón "Programar demo"
  • Activa una llamada a la API cuando se hace clic en "Comprobar estado"
  • Muestra botones adicionales según las respuestas

Próximos pasos