Criador de formulários de inscrição: crie formulários

Publicado em: 16 de julho de 2026 · Última atualização: 12 de setembro de 2026 · Por Marcus Biel

O criador de formulários de inscrição é o editor visual de todos os formulários de inscrição e páginas de destino do Maildroppa.

Com ele, você pode organizar layouts, adicionar texto e imagens, configurar campos de assinantes, alterar cores e fontes, atribuir tags e decidir o que acontece depois que alguém envia o formulário. A área de edição mostra o resultado enquanto você trabalha, sem precisar escrever código para criar uma experiência de inscrição completa.

O Maildroppa usa o mesmo criador para quatro tipos de formulário:

• Páginas de destino são páginas completas e independentes que você publica e compartilha por um link.
• Formulários incorporados são inseridos diretamente em uma página do seu site.
• Pop-ups aparecem sobre o conteúdo do site e também podem ser abertos a partir de um elemento da página.
• Slide-ins aparecem em uma borda ou posição escolhida da janela do navegador.

Este guia explica todas as funções compartilhadas por esses tipos de formulário. Os guias nos links acima explicam apenas as configurações e os passos exclusivos de cada tipo.

Abra o criador de formulários de inscrição

Abra “Signup Forms” no Maildroppa. Em seguida, clique em “Create Form” para criar uma página de destino, um formulário incorporado, um pop-up ou um slide-in.

Para continuar trabalhando em um formulário existente, clique no nome dele ou escolha “Edit Form” no menu de ações de três pontos na visão geral dos formulários de inscrição.

Dê ao formulário um nome interno claro. Nomes como “Newsletter da página inicial”, “Pop-up do webinar” ou “Isca digital de verão” são mais fáceis de reconhecer depois do que nomes genéricos como “Formulário 1”. O nome ajuda a gerenciar o formulário no Maildroppa e não é mostrado automaticamente aos visitantes.

Conheça o criador

O criador é dividido em quatro áreas principais.

A barra superior contém o nome do formulário e as principais ações. Nela, você pode voltar à visão geral, visualizar uma prévia do trabalho e salvá-lo. As páginas de destino também exibem os controles de rascunho e publicação nessa barra.

A barra lateral esquerda contém “Layout”, “Content” e “Layers”. Use-a para criar a estrutura, adicionar novos elementos e gerenciar tudo o que já foi inserido na área de edição.

A área de edição é o espaço de trabalho central. Ela mostra a página ou o formulário atual. Clique em um elemento para selecioná-lo. Você também pode arrastar elementos para outro local ou adicionar novos elementos pela barra lateral esquerda.

A barra lateral direita contém “Settings” e “Page settings”. “Settings” altera o elemento selecionado. “Page settings” altera o fundo geral e os padrões de design.

Em telas menores, as barras laterais abrem como painéis pelos botões “Content” e “Settings”. As funções disponíveis continuam as mesmas.

Comece com um modelo

Ao criar um formulário, o criador oferece designs iniciais para o tipo de formulário selecionado. Você pode começar com um design em branco, usar o formulário padrão ou escolher um modelo pronto.

Os modelos fornecem um layout inicial, cores, tipografia e conteúdo de exemplo. Eles não limitam o que pode ser alterado depois. Após selecionar um modelo, você ainda pode editar, mover, duplicar, mudar o estilo ou remover qualquer elemento.

Cada tipo de formulário tem modelos adequados à sua finalidade. Por exemplo, as páginas de destino incluem designs completos para newsletter, isca digital, webinar e lista de espera. Os formulários incorporados, pop-ups e slide-ins têm seus próprios designs iniciais compactos.

Se estiver em dúvida sobre qual modelo escolher, selecione aquele cuja estrutura mais se aproxima do seu objetivo. Alterar texto, cores e imagens costuma ser mais rápido do que criar a mesma estrutura em uma área de edição em branco.

Crie o layout

Abra “Layout” na barra lateral esquerda para adicionar uma nova linha de células. Os layouts disponíveis incluem:

• Uma célula
• Duas, três ou quatro células iguais
• Duas células com proporção de 2:1
• Duas células com proporção de 1:2

Clique em um layout para adicioná-lo na posição de inserção atual ou arraste-o para a área de edição. Depois, coloque conteúdo dentro de cada célula.

Selecione uma caixa ou coluna para ajustar tamanho, espaçamento, alinhamento, fundo, borda e espaçamento interno na barra lateral direita. Em layouts com várias colunas, você também pode alterar as larguras relativas das colunas.

Use layouts para criar uma ordem de leitura clara. Uma única coluna funciona bem para formulários de inscrição compactos. Um layout com duas colunas é útil quando uma imagem, uma lista de benefícios ou informações sobre um evento devem aparecer ao lado do formulário de inscrição.

Adicione conteúdo

Abra “Content” na barra lateral esquerda para adicionar blocos de conteúdo individuais. Clique em um bloco para inseri-lo ou arraste-o para a posição desejada na área de edição.

O criador oferece os seguintes blocos de conteúdo:

Signup form — Contém os campos de assinantes e o botão de envio. O design precisa de um bloco de formulário de inscrição para ser salvo como um formulário funcional. Depois de inserido, esse bloco deixa de ser oferecido como opção adicional de conteúdo.

Text — Adiciona títulos, parágrafos ou outros textos formatados.

Image — Adiciona uma imagem por URL, upload ou pela biblioteca de mídia do Maildroppa. Você pode fornecer texto alternativo, adicionar um link e controlar dimensões, proporção, recorte, ponto focal, rotação e inversão.

Video — Adiciona um vídeo do YouTube ou Vimeo, uma URL de incorporação ou um arquivo de vídeo direto. Você também pode configurar uma imagem de prévia e a aparência do botão de reprodução.

List — Adiciona uma lista com marcadores ou numerada. Edite os itens e controle a cor dos marcadores, o espaçamento, a tipografia e o alinhamento.

Button — Adiciona um botão com link e opções de configuração de texto, URL, tamanho, largura, cores, borda, tipografia e alinhamento.

Social links — Adiciona ícones com links para serviços como Facebook, Instagram, LinkedIn, TikTok, YouTube ou seu site.

Subscriber counter — Mostra o número atual de assinantes confirmados. Você pode adicionar um valor de ajuste, alterar o rótulo e definir o estilo do número e do texto.

Spacer — Adiciona espaço vazio controlado. O espaçamento para computadores e dispositivos móveis pode ser definido separadamente.

Divider — Adiciona uma linha horizontal com opções de configuração de cor, espessura, largura, estilo, alinhamento e espaçamento.

As páginas de destino também oferecem seções completas e reutilizáveis. Elas são explicadas no guia de páginas de destino.

Selecione e organize elementos

Clique em um elemento na área de edição para selecioná-lo. As configurações dele aparecem na barra lateral direita.

Os controles no elemento selecionado ou ao redor dele permitem movê-lo, duplicá-lo ou excluí-lo. Você também pode arrastar um elemento para outra célula ou posição. Um indicador de posicionamento mostra onde ele será inserido.

Abra “Layers” quando a página contiver muitas caixas, colunas e blocos de conteúdo aninhados. O painel “Layers” mostra a estrutura completa em uma lista. Nele, você pode:

• Selecionar um elemento
• Renomeá-lo para facilitar a identificação
• Movê-lo para cima ou para baixo
• Arrastá-lo para outra posição
• Bloqueá-lo ou desbloqueá-lo
• Duplicá-lo
• Excluí-lo

O bloqueio é útil para evitar que um fundo, uma imagem ou uma seção já concluída seja movida por acidente. Desbloqueie a camada quando quiser editá-la ou reposicioná-la novamente.

Use “Undo” e “Redo” na barra de ferramentas do criador para desfazer ou refazer alterações recentes no design.

Edite o texto

Clique dentro de um elemento de texto para editar o conteúdo diretamente na área de edição. A barra de ferramentas de texto oferece estilos de parágrafo e título, além das opções comuns de formatação.

Dependendo do texto selecionado, você pode usar negrito, itálico, sublinhado, tachado, subscrito, sobrescrito, alinhamento, listas com marcadores ou numeradas, links e emojis. As configurações do texto selecionado também permitem ajustar a tipografia e as cores sem alterar os demais elementos de texto.

Use as configurações globais de tipografia em “Page settings” quando todos os títulos, textos do corpo, links ou botões precisarem seguir um estilo consistente. Use as configurações do elemento selecionado quando apenas um bloco precisar ter uma aparência diferente.

Configure o formulário de inscrição

Selecione o bloco de formulário de inscrição na área de edição para abrir suas configurações. As seções disponíveis abrangem a barra de progresso, o contador de assinantes, os campos, as tags ocultas, o contêiner do formulário, os campos de entrada e o botão de envio.

Campos de assinantes

O endereço de e-mail é o campo principal de um formulário de inscrição. Você também pode adicionar campos de assinantes que já existem na sua conta do Maildroppa.

Para cada campo, é possível alterar o rótulo e o texto de exemplo, definir se ele é obrigatório e escolher se o rótulo será exibido. Para reordenar os campos, arraste-os ou use os controles de movimentação.

Peça apenas as informações de que realmente precisa. Formulários mais curtos são mais rápidos de preencher, enquanto campos adicionais são úteis quando as informações serão usadas para segmentação ou personalização.

Tags ocultas

As tags ocultas não são exibidas aos visitantes. Quando alguém se inscreve pelo formulário, o Maildroppa atribui automaticamente as tags selecionadas a esse assinante.

Isso é útil para identificar a origem ou o interesse por trás de uma inscrição. Por exemplo, um formulário de webinar pode aplicar a tag “Webinar”, enquanto um formulário de isca digital pode aplicar uma tag correspondente ao tema do material baixado.

Barra de progresso

A barra de progresso pode ser desativada ou exibida como uma porcentagem ou um indicador de duas etapas.

No indicador de porcentagem, você pode alterar o texto, as cores, o tamanho e o peso da fonte e o alinhamento. No indicador de duas etapas, é possível editar os rótulos de ambas as etapas e escolher as cores dos estados ativo e inativo.

Um indicador de progresso pode ajudar a explicar que o envio do formulário é a primeira etapa e a confirmação da inscrição por e-mail (double opt-in) é a segunda.

Contador de assinantes dentro do formulário

O formulário de inscrição pode exibir o número atual de assinantes confirmados antes ou depois do botão de envio.

Você pode adicionar um valor de ajuste, escrever um rótulo, escolher a posição e ajustar a tipografia e o alinhamento. O valor de ajuste é somado ao número de assinantes confirmados exibido pelo Maildroppa.

Esse contador do formulário é diferente do bloco de conteúdo independente “Subscriber counter”. Use a configuração do formulário quando o número precisar estar diretamente associado à área de envio. Use o bloco de conteúdo quando o contador precisar aparecer em outro local do design.

Design do formulário, dos campos e do botão

As configurações de “Signup Form Block” controlam o contêiner ao redor dos campos, incluindo fundo, borda, raio dos cantos e espaçamento.

As configurações dos campos de entrada controlam fundos, rótulos, texto, textos de exemplo, bordas e espaçamento. O botão de envio tem configurações separadas para texto, tipografia, cores, borda, dimensões e alinhamento.

Você pode clicar diretamente na barra de progresso ou no botão de envio na área de edição para abrir imediatamente as configurações dessa parte.

Altere a aparência geral

Abra “Page settings” na barra lateral direita para alterar o design geral. Em formulários incorporados, pop-ups e slide-ins, essas configurações se aplicam à área de edição do formulário, e não a uma página completa hospedada.

Você pode configurar o fundo principal, a imagem de fundo, a largura máxima e o espaçamento em dispositivos móveis. As configurações de aparência definem os padrões de:

• Fonte e cor do texto do corpo
• Cor dos links, sublinhado e cor ao passar o cursor
• Fonte, cor, peso, tamanho e altura da linha dos títulos
• Botões
• Caixas, bordas, raios dos cantos, espaços entre elementos e espaçamento interno
• Espaçamento interno da página em dispositivos móveis e o ponto em que as colunas passam a ficar uma abaixo da outra

Esses padrões mantêm o design consistente. Blocos individuais podem usar configurações próprias no lugar deles quando necessário.

Conecte um fluxo de inscrição

Cada formulário está conectado a um fluxo de inscrição. O fluxo de inscrição controla a jornada do assinante depois do envio do formulário:

• O que o visitante vê imediatamente após enviar o formulário
• Qual e-mail de confirmação de inscrição (double opt-in) é enviado
• O que acontece depois que o assinante confirma o endereço de e-mail

Abra o controle de fluxo de inscrição no cabeçalho do criador para ver o fluxo atribuído no momento. Você pode selecionar outro fluxo existente, editar o fluxo selecionado ou criar um novo.

Um fluxo de inscrição pode ser usado por vários formulários. Se você editar um fluxo compartilhado, a alteração afetará todos os formulários que o utilizam. Por isso, o Maildroppa permite escolher entre editar o fluxo compartilhado ou criar uma cópia separada para o formulário atual.

Visualize e salve

Clique em “Preview” para conferir o design completo e a experiência de inscrição antes de disponibilizar o formulário ao público. A prévia é útil para verificar textos longos, proporções das imagens, ordem dos campos, rótulos dos botões e o equilíbrio geral do formulário.

Em formulários incorporados, pop-ups e slide-ins, clique em “Save changes” quando quiser salvar a versão atual.

As páginas de destino usam controles de rascunho e publicação na barra superior. Elas podem ser salvas sem serem publicadas, e as alterações em uma página já publicada só ficam disponíveis ao público quando você as publica. O fluxo de trabalho completo é explicado em Crie e publique uma página de destino.

Depois de salvar, volte à visão geral dos formulários de inscrição para ativar e incorporar um formulário no site ou gerenciar uma página de destino publicada.

Continue com o seu tipo de formulário

A parte do design comum a todos os tipos de formulário está concluída. Continue com o guia do formulário que está criando:

• Crie e publique uma página de destino
• Crie e insira um formulário incorporado
• Configure e exiba um pop-up
• Configure e posicione um slide-in