Documentação

Botão Personalizado

Exiba botões clicáveis no chat para orientar os visitantes e acionar ações.

Botões personalizados aparecem nas respostas do chat, dando aos visitantes opções claras para clicar. Use-os para vincular a páginas, guiar conversas ou acionar ações específicas.

Criando um Botão Personalizado

  1. Acesse a aba Ações do seu agente
  2. Clique em Adicionar ação → Botão personalizado
  3. Configure o botão:
    • Rótulo - Texto exibido no botão
    • Tipo de ação - O que acontece ao clicar
  4. Salve e teste no Playground

Tipos de Ação do Botão

Botões personalizados vinculam a uma URL quando clicados. Links HTTP/HTTPS abrem em uma nova aba; links mailto: e tel: abrem o cliente de e-mail ou telefone do visitante.

Exemplo: botão "View Pricing" vinculando a https://example.com/pricing

Quando os Botões Aparecem

A IA decide quando os botões são relevantes com base no contexto da conversa. Você pode guiar esse comportamento adicionando instruções nas configurações de IA do seu agente.

Adicione orientações às suas instruções de IA:

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

Configuração do Botão

Rótulo do Botão

Mantenha os rótulos curtos e orientados à ação:

  • "View Pricing"
  • "Schedule Demo"
  • "Get Started"
  • "Learn More"

Estilo do Botão

Os botões herdam a cor primária do seu agente para o fundo, com uma cor de rótulo contrastante e um pequeno ícone (link externo, e-mail ou telefone) com base no tipo de URL.

Múltiplos Botões

A IA pode mostrar vários botões em uma resposta quando relevante. Mantenha as opções de botão focadas — muitos ao mesmo tempo podem sobrecarregar os visitantes.

Boas Práticas

  1. Rótulos claros - Use palavras de ação ("View", "Get", "Schedule")
  2. Limite opções - 2-3 botões por resposta mantém as coisas focadas
  3. Fluxo lógico - Os botões devem fazer sentido no contexto
  4. Teste minuciosamente - Verifique se os links funcionam e as ações são acionadas

Exemplos de Casos de Uso

Consulta de Preços:

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

Conversa de Suporte:

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

Exploração de Produto:

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

Combinando com Outras Ações

Os botões funcionam bem com outras ações:

  • Mostrar formulário de lead após o clique no botão "Schedule Demo"
  • Acionar chamada de API quando "Check Status" for clicado
  • Exibir botões adicionais com base nas respostas

Próximos Passos