SyncroCentral de Ajuda
No results found
Acessar Syncro

Criar formulário

Updated on April 30, 2026

Criar um formulário no Syncro é um wizard de 5 passos. Em ~3 minutos você sai com um form publicado, link público funcionando, e leads caindo direto no seu pipeline. Sem código, sem instalação. Esse artigo cobre cada passo do wizard.

Pré-requisitos

  • Permissão de admin ou manager pra criar formulários.
  • Pelo menos 1 pipeline criado (com etapas) — caso queira mandar leads pra um funil específico. Veja Criar funil.

Acessar formulários

  1. Menu lateral → Formulários.
  2. Página /formularios abre com KPIs (Formulários ativos, Envios no período, Visualizações, Taxa de conversão, Leads criados) + listagem.
  3. Clique no botão Novo Formulário (canto superior direito).
📸 PRINT necessário: tela "Formulários" com KPIs no topo + botão "Novo Formulário"

Wizard de 5 passos

Passo 1 — Identidade

Define o básico do formulário:

  • Nome do formulário (obrigatório, max 100 chars): nome interno + título público. Ex: "Cadastro Newsletter", "Orçamento Cortinas", "Contato Site".
  • Tipo: cards visuais com 3 opções:
  • Clássico: todos os campos numa página só.
  • Conversacional: um campo por vez, estilo Typeform.
  • Multi-step: campos agrupados em etapas com progresso.

Veja Tipos: clássico, conversacional e multistep pra entender quando usar cada um.

  • Layout (só clássico/multistep, conversacional é fullscreen): Esquerda / Centro / Direita — alinhamento do form na página.
📸 PRINT necessário: Step 1 do wizard com card "Cadastro Newsletter" + 3 cards de tipo selecionáveis

⚠️ Atenção: o tipo pode ser mudado depois (na aba Geral da edição), mas mudar de classic pra multistep depois exige re-mapear campos pros steps. Prefira escolher certo na criação.

Passo 2 — Aparência

Configure cores e fonte:

  • 9 cores (cada uma com presets contextuais + picker custom):
  • Cor primária — destaque (ex: focus do input, badge).
  • Cor de fundo — fora do card.
  • Cor do card — fundo do form.
  • Cor do botão — submit.
  • Texto do botão — letras do submit.
  • Labels — nomes dos campos.
  • Borda dos campos — input outline.
  • Fundo dos campos — input bg.
  • Texto dos campos — input value.
  • Fonte: Inter (default), Plus Jakarta Sans, Poppins, Roboto, Open Sans, Lato, Montserrat, Georgia, Courier New.
  • Border radius: slider 0-20px (cantos dos inputs e botão).

Veja Personalizar cores e logo pra detalhes de cada cor.

💡 Dica: comece com paletas prontas (presets) — depois ajuste a cor primária pra bater com seu site.

Passo 3 — Branding

Logo + imagem de fundo (opcionais):

  • Habilitar logo (toggle, default ON): se ON, aparece dropzone pra upload (PNG/JPG/WebP, max 2MB).
  • Habilitar imagem de fundo (toggle, default OFF): se ON, aparece dropzone pra upload (PNG/JPG/WebP, max 5MB).

Logo aparece acima do form. Imagem de fundo cobre toda página atrás do card.

📸 PRINT necessário: Step 3 com dropzone "Arraste o logo ou clique pra escolher" e dropzone de bg

⚠️ Atenção: aceita PNG/JPG/WebP. NÃO aceita SVG (validação SafeImage bloqueia por segurança — SVG pode conter scripts).

Passo 4 — Destino

Pra onde vão os leads gerados:

  • Pipeline de destino (opcional): escolha o funil. Se não escolher, o lead fica sem pipeline (visível em /contatos).
  • Etapa (opcional): ao escolher pipeline, dropdown de etapas é filtrado dinamicamente.
  • Responsável (opcional): usuário que recebe o lead atribuído. Se preenchido + post-action de tarefa ativa, ele recebe a task.
  • Fonte UTM (opcional, max 100 chars): string que vira lead.utm_source automaticamente. Ex: formulario-site, newsletter-rodape. Útil pra filtrar leads desse form em relatórios.
📸 PRINT necessário: Step 4 com selects de pipeline + etapa + responsável + input "Fonte UTM"

Passo 5 — Envio

O que acontece após o lead enviar:

  • Tipo de confirmação:
  • Mensagem (default): mostra texto de agradecimento.
  • Redirecionar para URL: redireciona pro endereço informado.
  • Valor da confirmação (max 2000 chars):
  • Se mensagem: ex: "Obrigado! Retornaremos em breve."
  • Se redirect: URL completa (ex: https://meusite.com/obrigado).
  • Notificar por e-mail (opcional): lista de e-mails separados por vírgula. Cada um recebe e-mail quando alguém envia o form.
📸 PRINT necessário: Step 5 com radio "Mensagem / Redirecionar" + textarea + input de e-mails

⚠️ Atenção: redirect URLs passam por validação de segurança (UrlSafety). URLs com javascript:, data: etc são bloqueadas. Se URL falha, sistema degrada pra mensagem default ("Obrigado! Sua resposta foi registrada.").

Finalizar

  1. Clique em Criar & Montar Campos.
  2. Sistema:
  • Cria o Form com slug aleatório (Str::slug($name). '-'. Str::random(10), ex: cadastro-newsletter-aB3xK9pQ2m).
  • Marca como ativo por default.
  • Redireciona pro builder de campos (/formularios/{form}/builder).
  1. No builder, você arrasta tipos de campo (texto, e-mail, telefone, select, etc) pra montar o form. Veja Mapear campos para leads.

Configurações avançadas (após criação)

Após criar, na aba Avançado da edição (/formularios/{form}/editar), você acessa:

  • Enviar WhatsApp boas-vindas — toggle pra disparar mensagem WhatsApp ao lead após envio (se tiver WhatsApp conectado).
  • Criar tarefa automática — toggle + offset em dias. Cria task pro responsável "Novo lead via formulário: {nome}".
  • Inscrever em sequência de nurturing — select de sequência. Veja Criar sequência.
  • Adicionar a lista estática — select de lista. Veja Listas de contatos.
  • Limite de envios — número máximo de submissões antes de fechar (útil em campanhas).
  • Data de expiração — após essa data, form para de receber envios.
  • Toggle ativo/inativo — desativa sem deletar (link continua respondendo, mas mostra "form indisponível").
  • País padrão (BR default) — bandeira inicial dos campos de telefone.
  • Países permitidos — restringe campos tel a determinados países (default: todos ~250).

Editar formulário

  1. Em /formularios, clique no nome do formulário.
  2. Página /formularios/{form}/editar abre com 8 abas no sidebar:
  • Geral — nome, tipo, slug.
  • Layout — alinhamento.
  • Cores — 9 cores.
  • Branding — logo + bg.
  • Destino — pipeline, etapa, responsável, UTM.
  • Envio — confirmação, e-mails.
  • Distribuição — link público, embed inline, popup widget.
  • Avançado — toggles e configurações pós-envio.
  1. Sidebar central mostra os controles. Lateral direita mostra preview ao vivo via iframe (cores mudam em tempo real conforme você edita).
📸 PRINT necessário: tela de edição com sidebar de tabs + preview iframe à direita

Excluir formulário

  1. Em /formularios, clique nos 3 pontinhos da linha do form.
  2. Excluir.
  3. Confirme. Form é deletado e todos os envios (form_submissions) deletam em cascade.

⚠️ Atenção: leads criados a partir do form NÃO são deletados. Eles permanecem em /contatos (sem referência ao form deletado).

Próximos passos

Artigos relacionados