Formulários

Importante: Os formulários no ZappWay são ferramentas flexíveis de coleta de dados que podem ser incorporadas ao seu site, compartilhadas como páginas independentes ou integradas aos seus funcionários de IA para qualificação automatizada de leads e suporte ao cliente.

​

🔢 Índice

1. What are Forms?
2. Creating Your First Form
3. Form Templates
4. Adding Form Fields
5. Configuring Start and End Screens
6. Publishing Your Form
7. Embedding Forms
8. Form Submissions
9. Best Practices

​

1. O que são formulários?

​

Visão geral

• Vários tipos de formulário: formulários tradicionais, formulários de conversação e formulários com tecnologia de IA
• Modelos inteligentes: modelos pré-criados para casos de uso comuns
• Integração de IA: conecte formulários a funcionários de IA para obter respostas automatizadas
• Uploads de arquivos: aceite documentos, imagens e outros arquivos
• Qualificação de leads: qualifique e encaminhe leads automaticamente com base nas respostas
• Marca personalizada: combine sua marca com um estilo personalizável
• Multilíngue: suporte para vários idiomas pronto para uso
• Integração com Webhook: Envie dados de formulário para sistemas externos

​

Casos de uso comuns

• Envio de tickets de suporte
• Relatórios de bugs
• Solicitações de recursos
• Assistência à conta

• Formulários de contato
• Solicitações de demonstração
• Solicitações de orçamento
• Reservas de consulta

• Feedback do produto
• Pesquisas de satisfação do cliente
• Feedback dos funcionários
• Inscrições em eventos

• Integração de novos clientes
• Integração de funcionários
• Cadastro de parceiro
• Configuração da conta

​

2. Criando seu primeiro formulário

​

Início rápido

1. Navigate to Forms in the sidebar (or visit /forms)
2. Click “Create Form” button
3. Choose a template or start from scratch
4. Configure form settings:
   • Name: Internal name for the form
   • Type: Traditional or conversational
   • Template: Select a pre-built template (optional)
5. Click “Create”

​

Tipos de formulário

• Formulários web padrão com todos os campos visíveis de uma só vez
• Ideal para: coleta simples de dados, formulários de contato, registro
• Experiência do usuário: Preencha todos os campos e envie

• Uma pergunta por vez, interface semelhante a um bate-papo
• Ideal para: pesquisas, questionários detalhados, experiências envolventes
• Experiência do usuário: responda às perguntas passo a passo

​

Configuração inicial

1. Form Settings Panel (left): Configure fields and screens
2. Live Preview (right): See changes in real-time
3. Top Bar: Template selector and publish button

​

3. Modelos de formulário

​

Modelos Disponíveis

​

Do zero

• Modelo vazio para personalização completa
• Sem campos pré-configurados
• Construa exatamente o que você precisa

​

Formulário de lead

• Campo Nome
• Campo de e-mail
• Campo da empresa
• Área de texto da mensagem
• Perfeito para: captura geral de leads

​

Contato de Vendas

• Nome, e-mail, empresa
• Número de telefone
• Seleção de departamento
• Seleção do tipo de consulta
• Perfeito para: consultas de vendas B2B

​

Feedback do produto

• Nome e e-mail
• Seleção de produtos
• Campo de classificação
• Área de texto de feedback
• Perfeito para: Coletar feedback do produto

​

Formulário de integração

• Campos de informações pessoais
• Seleção de função/departamento
• Preferências
• Perfeito para: integração de novos usuários

​

Lead de entrada

• Detalhes de contato
• Fonte de leads
• Faixa de orçamento
• Seleção da linha do tempo
• Perfeito para: Qualificar leads de vendas

​

Comentários

• Campo de classificação
• Descrição da experiência
• Sugestões de melhoria
• Perfeito para: coleta de feedback geral

​

Selecionando um modelo

1. Open the Template Selector dropdown (top of settings panel)
2. Browse available templates
3. Click to select
4. Fields are automatically populated
5. Customize as needed

• Você pode trocar de modelo a qualquer momento
• Os campos personalizados existentes são preservados quando possível
• Os campos de modelo substituem os campos de modelo anteriores

​

4. Adicionando campos de formulário

​

Tipos de campo

• Texto curto: entrada de texto de linha única
  • Use para: Nomes, títulos, respostas curtas
  • Opções: espaço reservado, obrigatório, comprimento mínimo/máximo
• Texto longo (área de texto): entrada de texto multilinha
  • Use para: mensagens, descrições, feedback detalhado
  • Opções: espaço reservado, obrigatório, comprimento mínimo/máximo, linhas
• E-mail: entrada de endereço de e-mail com validação
  • Use para: informações de contato
  • Opções: Obrigatório, criar contato automaticamente
  • Validação: Garante um formato de e-mail válido
• Número de telefone: entrada do número de telefone com código do país
  • Use para: informações de contato
  • Opções: Código do país padrão, obrigatório, criar contato
  • Formato: formato de número de telefone internacional

• Selecionar (suspenso): escolha uma opção de uma lista
  • Use para: Categorias, departamentos, seleção de produtos
  • Opções: opções personalizadas, obrigatório, espaço reservado
• Múltipla Escolha: Selecione múltiplas opções
  • Use para: seleção de interesses, preferências de recursos
  • Opções: múltiplas seleções, obrigatórias

• Upload de arquivo: aceite anexos de arquivo
  • Use para: Documentos, imagens, currículos
  • Opções: restrições de tipo de arquivo, limites de tamanho, obrigatórios
  • Suportado: PDF, imagens, documentos, planilhas
• Número: entrada numérica
  • Use para: idade, quantidade, classificações
  • Opções: Valores mínimo/máximo, obrigatório

​

Adicionando Campos

1. Scroll to “Form Fields” accordion
2. Click “Add Field” dropdown at bottom
3. Select field type from list
4. New field appears in the list
5. Click field to expand and configure

• Rótulo: a pergunta ou o nome do campo mostrado aos usuários
• Espaço reservado: texto auxiliar dentro da entrada
• Obrigatório: Marcar campo como obrigatório
• Opções: configurações específicas do tipo (varia de acordo com o tipo de campo)

​

Reordenando Campos

1. Click and hold the drag handle (⋮⋮) on the left of any field
2. Drag field up or down
3. Drop in desired position
4. Order is updated automatically

​

Removendo Campos

1. Expand field by clicking on it
2. Click Delete button (trash icon) on the right
3. Field is removed immediately
4. Cannot be undone

​

5. Configurando as telas inicial e final

​

Tela inicial

• Os principais usuários do título veem primeiro
• Exemplo: “Entre em contato com nossa equipe de vendas”
• Mantenha-o claro e orientado para a ação

• Texto de apoio que explica a finalidade do formulário
• Exemplo: “Preencha este formulário e nossa equipe entrará em contato com você em até 24 horas”
• Inclua todas as informações importantes que os usuários precisam saber

• Texto do botão para iniciar a conversa
• Exemplo: “Começar”, “Iniciar”, “Iniciar”

• “Obtenha um orçamento grátis” → “Conte-nos sobre seu projeto e receba um orçamento personalizado em até 1 dia útil”
• “Reportar um bug” → “Ajude-nos a melhorar! Descreva o problema que você encontrou e nossa equipe investigará”
• “Agende uma demonstração” → “Veja o ZappWay em ação. Preencha este formulário para agendar sua demonstração personalizada”

• Títulos vagos como “Formulário” ou “Enviar”
• Muito texto que os usuários não lerão
• Nenhuma explicação sobre o que acontece após o envio

​

Tela final

• Texto de confirmação agradecendo ao usuário
• Exemplo: “Obrigado! Seu envio foi recebido”
• Tranquilize os usuários de que suas informações foram capturadas

• Rótulo: texto do botão para a próxima ação
  • Exemplo: “Visite Nosso Blog”, “Voltar para Casa”, “Ver Preço”
• URL: para onde o botão direciona
  • Pode ser URL interno ou externo
• Alvo: como o link abre
  • _blank: Nova aba (links externos)
  • _self: Mesma aba (navegação interna)

• “Obrigado por entrar em contato! Responderemos dentro de 24 horas” + [Navegue em nossos recursos]
• “Seu ticket foi enviado. Estamos cuidando disso!” + [Verificar status]
• “Formulário enviado com sucesso! Verifique seu e-mail para saber os próximos passos” + [Retornar à página inicial]

• “Obrigado” genérico sem próximas etapas
• Deixando os usuários se perguntando o que acontecerá a seguir
• Links de CTA quebrados ou irrelevantes

​

6. Publicando seu formulário

​

Antes de publicar

• [] Todos os campos estão configurados corretamente
• [] Os campos obrigatórios estão marcados adequadamente
• [] O título e a descrição da tela inicial são claros
• [] A tela final fornece as próximas etapas
• [] Formulário de teste preenchendo-o na visualização
• [] Webhook configurado (se estiver usando sistemas externos)

​

Processo de publicação

1. Review your changes in the Live Preview panel
2. Click “Publish Updates” button (top of settings panel)
3. Wait for confirmation toast: “Form published successfully”
4. Form is now live and accessible via public URL

• A configuração de rascunho se torna a versão publicada
• O URL do formulário público é atualizado com as alterações mais recentes
• Formulários incorporados existentes são atualizados automaticamente
• Os envios anteriores permanecem inalterados

https://app.zappway.ai/forms/[FORM_ID]

• Compartilhe diretamente: envie o link por e-mail, chat ou mídia social
• QR Code: Gere código QR para materiais físicos
• Incorporar: Use como fonte de iframe ou integre com código de incorporação

1. Look for the public URL in the preview panel (appears after first publish)
2. Click the Copy button next to the URL
3. Paste wherever needed

​

7. Incorporação de formulários

​

Formulário hospedado (sem código)

• Configuração rápida necessária
• Não há recursos técnicos disponíveis
• Testar formulários antes da integração personalizada

1. Publish your form
2. Copy the public URL
3. Share link directly or create a button that links to it

• Nenhum código necessário
• Sempre atualizado
• Responsivo móvel

• Redireciona os usuários para fora do seu site
• Personalização de estilo limitada

​

Incorporar widget (código baixo)

• Quer formulário no seu site sem redirecionamento
• Precisa de integração perfeita
• Tenha acesso HTML básico

1. Navigate to Widgets → Form → Standard Widget
2. Copy the embed code:

<script src="https://cdn.zappway.ai/form-widget.js"></script>
<div data-zappway-form="YOUR_FORM_ID"></div>

3. Paste code where you want the form to appear
4. Replace YOUR_FORM_ID with your actual form ID

<div 
  data-zappway-form="YOUR_FORM_ID"
  data-theme="light"
  data-height="600px"
></div>

​

Uso com Chatbot

• Deseja que a IA qualifique leads antes de mostrar o formulário
• Precisa de exibição de formulário contextual
• Construindo experiências de conversação

• Guia de formulário com chatbot

​

8. Envios de formulários

​

Visualizando Envios

• Data de envio: quando o formulário foi enviado
• E-mail do usuário: Se fornecido no formulário
• Status: Novo, Em Andamento, Resolvido
• Visualização: visualização rápida das respostas

• Todas as respostas de campo
• Carimbo de data e hora de envio
• Informações do usuário (se capturadas)
• Quaisquer arquivos anexados
• Conversa associada (se o AI Employee estiver conectado)

​

Gerenciando envios

1. Open submission details
2. Click “Mark as Resolved”
3. Submission moves to resolved status

1. Go to Submissions tab
2. Click “Export” button
3. Choose format (CSV, Excel)
4. Download file with all data

• Por intervalo de datas
• Por status (Novo, Em Andamento, Resolvido)
• Por valores de campo específicos
• Pesquise por palavras-chave

​

Integração com webhook

1. In form editor, open “Webhook” accordion
2. Enter webhook URL
3. Form data is posted to this URL on each submission

• Enviar para CRM (Salesforce, HubSpot)
• Acionar notificações por e-mail
• Atualizar bancos de dados
• Iniciar fluxos de trabalho de automação

​

9. Melhores práticas

​

Design de formulário

• Faça apenas perguntas essenciais
• 3-5 campos para captura de leads
• 5 a 10 campos para formulários detalhados

• Formulários longos com campos desnecessários
• Pedir informações que você já possui
• Várias páginas, a menos que necessário

• “Qual é o seu endereço de e-mail?”
• “Nome da empresa”
• “Como podemos ajudá-lo?”

• “Entrada” ou “Campo 1”
• Jargão técnico
• Perguntas ambíguas

1. Start with easy questions (name, email)
2. Build to more complex questions
3. End with optional fields
4. Put required fields first

​

Experiência do usuário

• Explique quanto tempo leva o formulário (por exemplo, “2 minutos para preencher”)
• Indique o que acontece após o envio
• Fornece garantia de privacidade ao coletar dados confidenciais

• Use mensagens de validação claras
• Destaque quais campos precisam de correção
• Explique por que o campo é inválido (não apenas “Erro”)

• Teste em dispositivos móveis
• Certifique-se de que os campos sejam fáceis de tocar
• Use tipos de entrada apropriados (tel para telefone, email para email)
• Evite pequenos textos ou botões

​

Desempenho

• Minimize o número de campos inicialmente visíveis
• Use lógica condicional para mostrar/ocultar campos
• Otimize os limites de tamanho de upload de arquivos

• Mostrar estado de carregamento claro durante o envio
• Exibir mensagem de sucesso imediatamente
• Não recarregue a página desnecessariamente

​

Segurança e privacidade

• Colete apenas os dados que você realmente precisa
• Indique como os dados serão usados na tela inicial
• Cumpra os regulamentos GDPR/privacidade
• Use HTTPS para todas as páginas do formulário

• Considere adicionar reCAPTCHA para formulários públicos
• Monitore envios duplicados
• Definir limites de taxas razoáveis

​

Teste

• Preencha o formulário completamente
• [] Teste de validação de campo obrigatório
• [] Envie o formulário e verifique se os dados aparecem corretamente
• [] Teste em dispositivo móvel
• [] Verifique se o webhook entrega dados (se configurado)
• [] Verifique se o link do CTA da tela final funciona

​

📞 Suporte e Recursos

​

Obtendo ajuda

• Botão de ajuda no painel
• Chat ao vivo (disponível nos planos Pro+)

• Referência de campos de formulário
• Documentação do widget de formulário
• Guia de formulários hospedados
• Integração com chatbot

​

Opinião

• Use o botão de feedback no painel
• E-mail: support@zappway.ai
• Incluir:
  • ID do formulário
  • Etapas para reproduzir o problema
  • Comportamento esperado vs real

​

✅ Referência rápida

​

Ações Essenciais

​

Guia rápido de tipos de campo

📧 Email       → Contact information with validation
📱 Phone       → Phone number with country code
📝 Short Text  → Names, titles, short answers
📄 Long Text   → Messages, descriptions, feedback
🗂️ Select      → Single choice from dropdown
☑️ Multiple    → Multiple choices
📎 File        → Document/image upload
🔢 Number      → Numeric input with min/max