Como adicionar um FORMULÁRIO no GreatPages

Como adicionar um formulário em uma página no GreatPages.

Clique no ícone de "Formulário" que se encontra no menu lateral esquerdo da tela;

Em seguida irá abrir o elemento de formulário na sua página. Para editá-lo, dê um clique no formulário e clique em "Editar";

No lado direito da tela irão abrir as opções de edições. No menu "Estilos" você vai editar a parte visual do formulário, como:

Posição dos títulos: Nesta configuração você irá definir se deseja deixar o título do formulário mais para dentro ou para fora.
Estilos de texto: Selecione a opção de estilo de texto que deseja usar. As configurações para cada estilo de texto estão localizadas nas configurações do Guia de Estilo, na seção "Fontes";

Altura dos campos: A altura dos campos varia entre 36px e 76px. Quanto maior a quantidade de pixel, mais distante um campo ficará do outro.
Cor dos fundo: Aqui, você defini qual cor deseja que permaneça no fundo do campo, nos textos do campo e nas bordas do campo.
Entre os itens: Espaço entre os campos.
Interno: Espaço interno entre os nomes dos campos.
Bordas: Na configuração das bordas, você pode deixá-las arredondadas. Quanto maior a quantidade de pixels, mais arredondada a borda ficará.
Sombra: Efeito de sombra ao redor do texto.

Texto do botão: Texto de ação utilizado no botão de conversão do formulário.
Cor do botão: Aqui você pode configurar qual será a cor de fundo do botão e a cor do texto do botão.
Cor do hover: A cor aplicada quando o cursor passa sobre o botão. Por padrão, a cor usada contrasta automaticamente com a cor do botão.
Estilo do texto: O estilo do texto determina o tamanho da fonte em relação às configurações do Design System da página.
Borda: Nesta parte você configura melhor as bordas do botão, deixando ele mais ou menos arredondado de acordo com a quantidade de pixels.
Sombra: Efeito de sombra ao redor do botão.

Efeito: Selecione o estilo de efeito desejado para o elemento. Alternando entre os efeitos, você pode ver como cada um funciona.
Direção: Aqui você pode definir a direção da animação, por exemplo: para cima, para baixo, para a direita ou para a esquerda.
Velocidade: Aqui você define a velocidade da sua animação. Quanto mais próximo de 250 ms, mais rápida a animação; quanto mais próximo de 2000 ms, mais lenta a animação.
Atraso: Esta configuração permite definir o tempo de atraso da sua animação. Este tempo varia de 0 ms a 2000 ms.
Repetir: Nesta função, você pode escolher se a animação aparecerá apenas uma vez ou continuamente.

Campos do Formulário: Aqui você edita ou adiciona novos campos ao formulário. Para adicionar novos campos, clique no botão "Adicionar Campo";
Redirecionar para: Aqui você insere um link de redirecionamento. Quando o visitante clicar para enviar o formulário, ele será redirecionado para o link configurado;
Mensagem de Sucesso: Aqui você configura a mensagem que será exibida ao usuário após o envio do formulário;
Integrações: Este campo permite a integração com plataformas de e-mail marketing;
Visibilidade: Este campo define se o formulário será exibido nas versões para desktop e para dispositivos móveis.

Por fim, temos as configurações de código externo, que você pode acessar clicando em "Configurar";

Seletor CSS para Elemento: Este campo permite copiar o ID do bloco.
Editar HTML: Use este campo somente se desejar editar a aparência do botão de ação do formulário usando código.
JavaScript do Botão: Use este campo somente se desejar adicionar um código que será executado apenas quando este botão for clicado.

Esperamos que isso tenha ajudado! Se tiver alguma dúvida, entre em contato com nossa equipe de suporte; estamos sempre à disposição.

Atualizado em: 10/08/2026

Este artigo foi útil?

Obrigado!