Ajuda online de GoodBarber
Seção Formulário GoodBarber
Uma seção Formulário é um formulário que os seus usuários preenchem no seu app e enviam para você.
Adicionar uma seção Formulário
1. No menu swipe à esquerda, acesse Design & Estrutura > Estrutura > Seções
2. Clique no botão verde "Adicionar uma seção" na coluna da direita
3. Adicione uma seção escolhendo "Formulário" nos itens de conteúdo.
4. Dê-lhe um título
5. Clique em "Adicionar"

Configure o seu formulário
1. Clique nos 3 pontos na lista da sua seção, e "Editar o formulário".

2. Preencha um título para a sua seção
3. Preencha uma descrição

Adicione campos ao seu formulário
1. Acesse o construtor, coluna da direita do seu back office
2. Clique num bloco para adicionar um campo

TIPO DE CAMPOS
- Campos que permitem que os seus usuários preencham diretamente as informações (por exemplo: "Linha única", "Parágrafo", "Nome", "E-mail" etc.)
- Campos que permitem que os usuários escolham uma resposta numa lista ou menu ("Botão de múltipla escolha", "Dropdown") ou para selecionar várias respostas ("Checkboxes").
- Campos para preencher uma data, hora, endereço ou até mesmo um preço.
- Campo "Quebra de Seção" permite que você coloque espaço entre dois campos ou dê um título a uma parte do seu formulário.
CONFIGURAR CAMPOS
1. Clique num campo existente ou num bloco para adicionar um campo
2. Na coluna da direita do seu back office, preencha:
Por defeito, o título irá aparecer dentro deste campo, mas você pode escolher colocá-lo em cima através do botão "Defina os campos de informação no topo" e clicar em "on".
- Opções:
Se você ativar o botão "Campo obrigatório" para um campo, o usuário não poderá enviar o formulário se esse campo não estiver preenchido.
Assim que o botão "Campo obrigatório" for ativado, um asterisco irá aparecer ao lado do campo.

Lista de Escolhas
Neste campo onde pode fazer a lista de escolhas ("Escolha múltipla", "menu dropdown" ou "checkboxes") é possível ainda adicionar ou eliminar opções (clicando em "+" ou "x").
Ordem aleatória:
Se esta definição for ativada, as suas escolhas irão aparecer de forma aleatória cada vez que os usuários abrirem o formulário.

Campos de Ficheiros
O campo "Ficheiro" permite aos usuários enviar ficheiros de foto, vídeo ou PDF.
Você pode personalizar o botão "enviar" editando o texto acima do botão "Botão de Upload".
Nota: O upload do arquivo PDF não está disponível na versão nativa do iOS.

Layout dos campos
- Para duplicar um campo: clique no ícone de duplicar
- Para excluir um campo: clique no ícone do lixo
- Para mover um campo: deslize-o para o lugar desejado.
Para editar um campo que já foi criado
1. clique nele a partir coluna principal
2. configure-o a partir da coluna da direita
Você também tem a hipótese de criar parágrafos, tal como numa seção CMS.

Aba Configurações
Preencha o seu endereço de email para receber uma notificação cada vez que um usuário enviar um formulário.
2. Botão enviar
Este é o botão encontrado na parte inferior do formulário que permite ao usuário validar o envio. Você pode personalizar a mensagem.
3. Mensagem de sucesso
Esta mensagem informará ao usuário que o processo está concluído.
4. Mensagem de erro
Esta mensagem aparecerá se ocorrer um erro quando o usuário enviar o formulário.
5. Confirmação de formulário
Selecione no menu suspenso se você deseja uma confirmação do seu usuário antes de enviar o formulário:
Nenhum: Sem confirmação, os usuários enviarão o seu formulário clicando no botão Enviar.
Pop Up: aparece na tela do usuário quando eles enviam um formulário.
O usuário precisa responder "sim" para confirmar o envio ou "não" para retornar ao formulário.
Pré-visualização: quando os usuários clicam no botão "Enviar", a página de pré-visualização exibirá a totalidade das suas respostas.
Eles escolhem voltar e alterar uma resposta ou continuar e enviar o seu formulário clicando no botão de confirmação na parte inferior da página.
6. Mensagem de confirmação
Esta é a mensagem para pedir ao usuário para confirmar que deseja enviar o formulário.
7. Botão de confirmação
Este é o texto exibido no botão de confirmação.

Design do seu Formulário
Você pode configurar o design da seção formulário a partir do menu Design & Estrutura > Estrutura > Seções
Atenção: não defina a "cor de fundo do botão" para branco ou suas caixas de marcação serão assinaladas em branco e não será possível visualizá-las.
Certifique-se de escolhe uma cor que não branco para esta definição.
Recuperar respostas do formulário
1. Acesse o menu Design & Estrutura > Estrutura > Seções
2. Clique em "Exibir o conteúdo" na lista de seções na coluna à direita do seu back office

1. Você pode ou exportar os dados, clicando no botão "Exportar dados" - irá obter um ficheiro .csv sob o formato UTF8 -,
ou
2. Clique numa linha em específico no seu back office para ver a resposta do formulário.

Edite um formulário existente
1. No menu swipe à esquerda acesse Design & Estrutura > Estrutura > Seções
2. Clique nos 3 pontos na lista de seções e depois em "Editar o formulário"
3. Edite seu formulário
4. Clique em "Publicar" na parte inferior da página
5. Atualize as suas modificações no menu Publicar > Atualizar
Video tutorial
Nota: Os menus foram alterados no back office, mas o comportamento explicado no vídeo ainda é válido.