O Construtor de Formulários permite adicionar, duplicar ou remover campos de qualquer formulário personalizado no seu site SITE123. Neste tutorial, revisaremos um fluxo de trabalho comum: fazer login, abrir a página relevante dentro do editor, duplicar um campo de área de texto, excluir a duplicata e, por fim, adicionar um campo de e-mail e salvar as alterações.
Entre na sua conta SITE123
• Abra a página de login do gerente (por exemplo, https://app.site123-staging.com/manager/login
).
• Digite o endereço de e-mail e a senha do seu usuário do SITE123 e clique em Login .
Abra o editor do site
• Após um login bem-sucedido, você será encaminhado automaticamente para o assistente do site do projeto escolhido.
Vá para a página que contém o formulário
• Na barra superior, clique em Páginas .
• Dentro da lista, localize e selecione a página cujo ID do módulo corresponde ao formulário que você deseja alterar (no exemplo, o ID do módulo é 682f14300ed8b
).
Editar o formulário
• A página é carregada dentro de um iframe chamado moduleItemsIframe .
• Passe o mouse sobre o elemento Textarea e clique no ícone Editar (lápis).
• O modal de configurações de campo é aberto — clique em Salvar/Fechar para sair sem fazer alterações.
Duplicar o campo textarea
• Passe o mouse sobre a mesma área de texto novamente e clique no ícone Copiar . Um campo clonado aparecerá logo abaixo do original.
Exclua a textarea duplicada
• Passe o mouse sobre a área de texto clonada e clique no ícone Remover (lixeira). Confirme a exclusão no prompt pop-up.
Adicionar um campo de e-mail
• Na coluna esquerda de elementos disponíveis, clique em Campo de e-mail .
• O campo é inserido no formulário. Habilite ou desabilite as validações conforme necessário (por exemplo, torne-as obrigatórias) clicando no ícone da caixa de seleção.
Salvar o formulário
• Clique no botão verde Salvar dentro do editor de formulários para aplicar todas as alterações.
Publicar (opcional)
• Para publicar o formulário atualizado, clique em Publicar na barra de ferramentas principal do editor do site.
Você editou um formulário personalizado com sucesso: efetuou login, abriu a página específica, duplicou e removeu um campo existente, adicionou um novo campo de e-mail e salvou as atualizações. Repita essas ações sempre que precisar ajustar os campos do formulário no seu projeto SITE123.