Criando um formulário

Este passo a passo leva um formulário novinho do nada a "pronto para publicar" em cerca de três minutos.

Abra o diálogo de novo formulário

Na barra lateral, clique em Formulários. A visão de lista mostra cada formulário que sua organização construiu, em visão de grade ou tabela (alternada no cabeçalho). No canto superior direito, clique em Novo formulário.

Você verá dois campos:

• Nome — como você chamará isso internamente. Visível para admins; também mostrado como título da página para o público quando ele abre o formulário.
• Descrição (opcional) — texto curto mostrado abaixo do nome. Útil para "Vamos retornar em até 48 horas" ou "Pedidos de oração anônimos bem-vindos."

O slug — a parte final URL-segura do link público do formulário — é gerado automaticamente a partir do nome. Você pode editá-lo depois no construtor. Então Pedido de Oração vira pedido-de-oracao e o formulário público vive em /form/pedido-de-oracao.

Clique em Criar. O GCM cria o registro do formulário, leva você ao construtor e inicializa o formulário com uma seção vazia chamada Seção 1.

TIP

O nome padrão da seção Seção 1 é OK se seu formulário tem apenas uma seção — o rótulo dela fica oculto no formulário público quando há apenas uma. Renomeie (ou adicione mais seções) só quando precisar.

O layout do construtor

O construtor de formulários é uma página de três regiões:

• Barra de ferramentas superior — voltar, selo de status, menu adicionar-campo, adicionar-seção, prévia, alternar publicação, salvar
• Canvas à esquerda — o formulário em si: nome, descrição, slug, depois seções contendo cartões de campo arrastáveis
• Painel à direita — sensível ao contexto: mostra configurações em nível de formulário quando nada está selecionado, configurações em nível de campo quando você clica em um campo

A coisa toda é amigável ao teclado. Ctrl+S (ou Cmd+S no Mac) salva a qualquer momento. O selo Não salvo na barra de ferramentas indica quando você tem mudanças pendentes.

Adicione seu primeiro campo

Na barra de ferramentas, clique em + Campo. Você receberá um dropdown listando todos os 17 tipos de campo (veja o catálogo de tipos de campo para o que cada um faz). Escolha um — digamos, Text para um campo "Seu nome".

O novo campo aparece na seção. Ele é automaticamente selecionado e o painel da direita muda para as configurações do campo. A partir daí você pode:

• Definir o Rótulo (o que o visitante vê acima do campo)
• Definir o Placeholder (texto cinza dentro do campo, antes dele digitar)
• Definir o Texto de ajuda (texto pequeno abaixo do campo)
• Alternar Obrigatório
• Definir a Largura — cheio, metade ou um terço (só vale no desktop; mobile é sempre largura cheia)
• Para campos digitados (text, number, file), abra a seção Validação para adicionar comprimento mín/máx, valor mín/máx, tipos de arquivo permitidos ou um tamanho máximo de arquivo

Cada tipo de campo expõe apenas as configurações que fazem sentido para ele — um campo Heading não tem alternador de obrigatório, um campo Number não tem comprimento-máximo mas tem um step, um campo File-upload tem suas próprias configurações de extensão e tamanho.

Adicione mais campos, arraste para reordenar

Repita o fluxo de adicionar campo para cada pergunta no seu formulário. Arraste um cartão de campo pela alça para:

• Reordenar dentro da seção atual
• Movê-lo para uma seção diferente

Arraste a alça de uma seção para reordenar seções inteiras. Se você arrastar um campo para uma seção vazia, ele encaixa no espaço vazio da seção. Se você arrastar para outra seção quando já há conteúdo, ele insere na posição onde você soltar.

Seções — quando usar

Uma seção é um grupo rotulado de campos. Use seções quando:

• Você tem um formulário longo (10+ campos) e quer quebrá-lo visualmente
• Você está coletando diferentes tipos de informação (ex.: "Seus dados" + "Seu pedido de oração" + "Como podemos fazer o follow-up?")
• Você vai usar o mesmo formulário para diferentes tipos de envios e quer que cada bloco pareça opcional

Clique em + Seção na barra de ferramentas para adicionar uma. Clique no título da seção para renomear. Clique no ícone de lixeira para excluir — se uma seção contém campos, os campos sobem para a seção acima dela (ou a primeira seção restante) em vez de serem excluídos com ela.

Visualize antes de publicar

Clique em Visualizar na barra de ferramentas para ver o formulário exatamente como o público verá. A prévia é uma modal — nenhum envio real acontece, mas cada campo é interativo, a validação roda e você pode ver se suas larguras e layout parecem certos.

A prévia também pega a cor da marca da sua igreja, então o que você vê é o que seus visitantes verão (com a possível exceção de qualquer CSS personalizado em uma página do construtor de site).

Salve seu rascunho

Clique em Salvar (ou aperte Ctrl/Cmd+S). Se você ainda não deu nome ao formulário, recebe um erro. Se tem um slug com caracteres ilegais (qualquer coisa além de letras minúsculas, números e hifens), recebe um erro diferente apontando para o campo do slug.

Uma vez salvo, o selo Não salvo limpa e o formulário fica armazenado em segurança. Você pode sair do construtor, voltar amanhã e pegar exatamente de onde parou.

Publicar

Quando estiver pronto para compartilhar o formulário com o público, clique em Publicar na barra de ferramentas. O selo de status muda de draft para published e um banner verde aparece no topo do canvas mostrando a URL para compartilhar. Essa URL está agora ao vivo — qualquer um que acessar verá o formulário.

Para retirá-lo do ar depois, clique em Despublicar. A URL volta a retornar 404, mas todo o resto — campos, configurações, envios passados — fica.

WARNING

Mudar o slug depois de publicar quebra qualquer link que você já compartilhou. Escolha um slug com cuidado, e uma vez impresso em um boletim ou postado nas redes sociais, deixe-o em paz.