Criador de Formulários de Inscrição: criar formulários

Published: 16 de julho de 2026 · Last updated: 21 de julho de 2026 · By 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.

Pode utilizá-lo para organizar layouts, adicionar texto e imagens, configurar campos de subscritor, alterar cores e tipos de letra, atribuir etiquetas e decidir o que acontece depois de alguém enviar o formulário. O canvas mostra o resultado enquanto trabalha, para que não precise de escrever código para criar uma experiência de inscrição completa.

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

• Páginas de destino são páginas autónomas completas que publica e partilha através de um link.
• Formulários incorporados são colocados diretamente numa página do seu site.
• Pop-ups aparecem sobre o seu site e também podem ser abertos a partir de um elemento da página.
• Slide-ins aparecem numa extremidade ou posição selecionada da janela do navegador.

Este guia explica todas as funções partilhadas por estes tipos de formulário. Os guias associados explicam apenas as definições e os passos exclusivos de cada tipo.

Abrir o Criador de Formulários de Inscrição

Abra “Signup Forms” no Maildroppa. Depois, pode clicar em “Create Form” para criar uma nova Página de destino, Formulário incorporado, Pop-up ou Slide-in.

Para continuar a trabalhar num formulário existente, clique no respetivo nome ou escolha “Edit Form” no menu de ações dos 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 “Lead magnet de verão” são mais fáceis de reconhecer mais tarde do que nomes genéricos como “Formulário 1”. O nome do formulário ajuda a geri-lo no Maildroppa e não é mostrado automaticamente aos visitantes.

Compreender o Criador

O criador está dividido em quatro áreas principais.

A barra superior contém o nome do formulário e as principais ações. Aqui pode voltar à visão geral, pré-visualizar o seu trabalho e guardá-lo. As Páginas de destino também mostram nesta barra os controlos de rascunho e publicação.

A barra lateral esquerda contém “Layout”, “Content” e “Layers”. Utilize-a para criar a estrutura, adicionar novos elementos e gerir tudo o que já foi colocado no canvas.

O canvas é a área de trabalho central. Mostra a página ou o formulário atual. Clique num elemento para o selecionar. Também pode arrastar elementos para outro local ou adicionar novos elementos a partir da 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 as predefinições de design.

Em ecrãs mais pequenos, as barras laterais abrem-se como painéis através dos botões “Content” e “Settings”. As funções disponíveis permanecem as mesmas.

Começar com um modelo

Quando cria um formulário, o criador disponibiliza designs iniciais para o tipo de formulário selecionado. Pode começar com um design em branco, utilizar o formulário padrão ou escolher um modelo pronto a utilizar.

Os modelos fornecem um layout inicial, cores, tipografia e conteúdo de exemplo. Não limitam o que pode alterar mais tarde. Depois de selecionar um modelo, todos os elementos continuam a poder ser editados, movidos, duplicados, estilizados novamente ou removidos.

Cada tipo de formulário tem modelos adequados à sua finalidade. Por exemplo, as Páginas de destino incluem designs completos de páginas de Newsletter, Lead Magnet, Webinar e Lista de espera. Os Formulários incorporados, Pop-ups e Slide-ins têm os seus próprios designs iniciais compactos.

Se não tiver a certeza de 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 a partir de um canvas em branco.

Criar 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 uma proporção de 2:1
• Duas células com uma proporção de 1:2

Clique num layout para o adicionar na posição de inserção atual ou arraste-o para o canvas. Depois, pode colocar conteúdo dentro de cada célula.

Selecione uma caixa ou coluna para ajustar o seu tamanho, espaçamento, alinhamento, fundo, contorno e preenchimento na barra lateral direita. Nos layouts com várias colunas, também pode alterar as larguras relativas das colunas.

Utilize 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 junto ao formulário de inscrição.

Adicionar conteúdo

Abra “Content” na barra lateral esquerda para adicionar blocos de conteúdo individuais. Pode clicar num bloco para o inserir ou arrastá-lo para a posição pretendida no canvas.

O criador disponibiliza os seguintes blocos de conteúdo:

Signup form — Contém os campos de subscritor e o botão de envio. Um design precisa de um bloco de formulário de inscrição antes de poder ser guardado como formulário funcional. Depois de o bloco estar presente, deixa de ser disponibilizado como bloco de conteúdo adicional.

Text — Adiciona títulos, parágrafos ou outro texto formatado.

Image — Adiciona uma imagem a partir de um URL, de um carregamento ou da biblioteca multimédia do Maildroppa. Pode fornecer texto alternativo, adicionar um link e controlar as dimensões, a proporção, o recorte, o ponto focal, a rotação e a inversão.

Video — Adiciona um vídeo do YouTube ou Vimeo, um URL de incorporação ou um ficheiro de vídeo direto. Também pode configurar uma imagem de pré-visualização e o aspeto 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 texto, URL, tamanho, largura, cores, contorno, tipografia e alinhamento configuráveis.

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

Subscriber counter — Mostra o número atual de subscritores confirmados. Pode adicionar um valor de ajuste, alterar a etiqueta e definir o estilo do número e do texto.

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

Divider — Adiciona uma linha horizontal com cor, espessura, largura, estilo, alinhamento e espaçamento configuráveis.

As Páginas de destino também disponibilizam secções reutilizáveis completas. Estas são explicadas no guia de Páginas de destino.

Selecionar e organizar elementos

Clique num elemento no canvas para o selecionar. As respetivas definições aparecem na barra lateral direita.

Os controlos no elemento selecionado ou junto dele permitem movê-lo, duplicá-lo ou eliminá-lo. Também pode arrastar um elemento para outra célula ou posição. Um indicador de posicionamento mostra onde 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 numa lista. A partir daí, 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
• Eliminá-lo

O bloqueio é útil quando não pretende mover acidentalmente um fundo, uma imagem ou uma secção concluída. Desbloqueie a camada quando quiser editá-la ou reposicioná-la novamente.

Utilize “Undo” e “Redo” na barra de ferramentas do criador para recuar ou avançar pelas alterações de design recentes.

Editar texto

Clique dentro de um elemento de texto para editar o conteúdo diretamente no canvas. A barra de ferramentas de texto disponibiliza estilos de parágrafo e título, juntamente com opções de formatação comuns.

Dependendo do texto selecionado, pode utilizar negrito, itálico, sublinhado, rasurado, subscrito, sobrescrito, alinhamento, listas com marcadores ou numeradas, links e emojis. As definições do texto selecionado também permitem ajustar a tipografia e as cores sem alterar todos os outros elementos de texto.

Utilize as definições globais de tipografia em “Page settings” quando todos os títulos, textos do corpo, links ou botões devem partilhar um estilo consistente. Utilize as definições do elemento selecionado quando apenas um bloco deve ter um aspeto diferente.

Configurar o formulário de inscrição

Selecione o bloco de formulário de inscrição no canvas para abrir as respetivas definições. As secções disponíveis abrangem a barra de progresso, o contador de subscritores, os campos, as etiquetas ocultas, o contentor do formulário, os campos de entrada e o botão de envio.

Campos de subscritor

O endereço de email é o campo central de um formulário de inscrição. Também pode adicionar campos de subscritor existentes na sua conta Maildroppa.

Para cada campo, pode alterar a etiqueta e o texto do marcador, decidir se é obrigatório e escolher se a etiqueta do campo é apresentada. Os campos podem ser reordenados arrastando-os ou utilizando os controlos de movimento.

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

Etiquetas ocultas

As etiquetas ocultas não são apresentadas aos visitantes. Quando alguém se inscreve através do formulário, o Maildroppa atribui automaticamente as etiquetas selecionadas a esse subscritor.

Isto é útil para identificar a origem ou o interesse associado a uma inscrição. Por exemplo, um formulário para um webinar pode aplicar uma etiqueta “Webinar”, enquanto um formulário de lead magnet pode aplicar uma etiqueta correspondente ao tema descarregado.

Barra de progresso

A barra de progresso pode ser desativada ou apresentada como percentagem ou indicador de duas etapas.

No caso de um indicador de percentagem, pode alterar o texto, as cores, o tamanho da letra, o peso e o alinhamento. No caso de um indicador de duas etapas, pode editar as etiquetas de ambas as etapas e escolher cores para os estados ativo e inativo.

Um indicador de progresso pode ajudar a explicar que o envio do formulário é o primeiro passo e a confirmação do email de Double Opt-in é o segundo.

Contador de subscritores dentro do formulário

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

Pode adicionar um valor de ajuste, escrever uma etiqueta, escolher a posição e ajustar a tipografia e o alinhamento. O valor de ajuste é adicionado ao número de subscritores confirmados apresentado pelo Maildroppa.

Este contador do formulário é diferente do bloco de conteúdo autónomo “Subscriber counter”. Utilize a definição do formulário quando o número deve estar diretamente associado à área de envio. Utilize o bloco de conteúdo quando o contador deve aparecer noutro local do design.

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

As definições de “Signup Form Block” controlam o contentor à volta dos campos, incluindo o fundo, o contorno, o raio dos cantos e o espaçamento.

As definições dos campos controlam os fundos, as etiquetas, o texto, os marcadores, os contornos e o espaçamento. O botão de envio tem definições separadas para o texto, a tipografia, as cores, o contorno, as dimensões e o alinhamento.

Pode clicar diretamente na barra de progresso ou no botão de envio no canvas para abrir imediatamente as definições dessa parte.

Alterar o aspeto geral

Abra “Page settings” na barra lateral direita para alterar o design geral. Nos Formulários incorporados, Pop-ups e Slide-ins, estas definições aplicam-se ao canvas do formulário e não a uma página completa alojada.

Pode configurar o fundo principal, a imagem de fundo, a largura máxima e o espaçamento em dispositivos móveis. As definições de aspeto estabelecem predefinições para:

• Tipo de letra e cor do texto do corpo
• Cor do link, sublinhado e cor ao passar o cursor
• Tipo de letra, cor, peso, tamanho e altura da linha dos títulos
• Botões
• Caixas, contornos, raios dos cantos, intervalos e preenchimento
• Preenchimento da página em dispositivos móveis e o ponto em que as colunas se empilham

Estas predefinições mantêm o design consistente. Os blocos individuais podem continuar a substituí-las quando necessário.

Ligar um fluxo de inscrição

Cada formulário está ligado a um Fluxo de inscrição. O fluxo de inscrição controla o percurso do subscritor depois de o formulário ser enviado:

• O que o visitante vê imediatamente depois de enviar o formulário
• Qual email de Double Opt-in é enviado
• O que acontece depois de o subscritor confirmar o endereço de email

Abra o controlo do fluxo de inscrição no cabeçalho do criador para ver o fluxo atualmente atribuído. Pode selecionar outro fluxo existente, editar o fluxo selecionado ou criar um novo.

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

Pré-visualizar e guardar

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

Nos Formulários incorporados, Pop-ups e Slide-ins, clique em “Save changes” quando estiver pronto para guardar a versão atual.

As Páginas de destino utilizam controlos de rascunho e publicação na barra superior. Podem ser guardadas sem serem publicadas, e as alterações a uma página já publicada permanecem por publicar até que as publique. O fluxo de trabalho completo é explicado em Criar e publicar uma Página de destino.

Depois de guardar, volte à Visão geral dos formulários de inscrição para ativar e incorporar um formulário de site ou gerir uma Página de destino publicada.

Continuar com o seu tipo de formulário

O trabalho de design comum está concluído. Continue com o guia correspondente ao formulário que está a criar:

• Criar e publicar uma Página de destino
• Criar e incorporar um Formulário incorporado
• Configurar e apresentar um Pop-up
• Configurar e posicionar um Slide-in