O bloco de Formulário de Inscrição permite coletar nomes e endereços de e-mail de visitantes interessados em receber atualizações, notícias e ofertas do seu site. Adicione-o a qualquer página de destino ou modelo do SeedProd para começar a construir sua lista de assinantes imediatamente.
O bloco inclui campos personalizáveis de Nome e E-mail, um botão de envio com controle total de estilo, uma ação de sucesso para exibir uma mensagem ou redirecionar após o envio, e integração integrada com plataformas populares de marketing por e-mail de terceiros.
Adicionando o Bloco de Formulário de Inscrição às Suas Páginas
Siga estas etapas para adicionar um bloco de Formulário de Inscrição à sua página do SeedProd:
Etapa 1: Adicionar o Bloco
Em Design > Blocos, arraste e solte o bloco Formulário de Inscrição na seção desejada da sua página.
Etapa 2: Configurar as Definições de Conteúdo
Após adicionar, clique no bloco de Formulário de Inscrição para abrir suas configurações. A guia Conteúdo está organizada em três seções: Campos, Botão de Envio e Ação de Sucesso.
Campos:
- Campos de E-mail / Nome / Confirmação de Inscrição: Cada campo é listado como uma linha arrastável. Clique no ícone de configurações de uma linha de campo para expandir suas configurações individuais. Você pode personalizar o Rótulo (o texto exibido acima da entrada) e a Largura (quão largo o campo é como uma porcentagem do formulário, de 10 a 100%). O campo Nome também tem uma opção Obrigatório para torná-lo obrigatório. Use o ícone de olho mostrar/ocultar para exibir ou ocultar os campos Nome e Confirmação de Inscrição do seu formulário. O campo Confirmação de Inscrição está oculto por padrão — habilite-o para adicionar uma caixa de seleção de consentimento estilo GDPR que os visitantes devem marcar antes de enviar.
- Tamanho: Defina o tamanho geral dos campos de entrada — Pequeno, Médio ou Grande.
- Alinhamento: Defina o alinhamento horizontal de todo o formulário — Esquerda, Centro ou Direita.
Botão de Envio:
- Texto do Botão: Personalize o rótulo exibido no botão de envio.
- Largura: Defina a largura do botão como uma porcentagem do formulário de 10 a 100%.
- Tamanho da Fonte: Defina o tamanho da fonte do texto do botão de 0 a 72px.
- Cor de Fundo: Defina a cor de fundo do botão de envio.
Ação de Sucesso:
- Ação a Tomar: Escolha o que acontece após um envio de formulário bem-sucedido — Exibir Mensagem exibe uma mensagem de agradecimento personalizada no lugar do formulário, ou Redirecionar envia o visitante para um URL de sua escolha.
- Mensagem: Insira a mensagem de agradecimento a ser exibida após o envio (disponível quando Exibir Mensagem é selecionado). Suporta formatação de texto rico.
- URL de Redirecionamento: Insira o URL para o qual o visitante será redirecionado após o envio (disponível quando Redirecionar é selecionado).
Passo 2a: Escolha um Estilo de Modelo
Na aba Templates, você pode selecionar estilos de campos de entrada pré-projetados para alterar rapidamente a aparência visual do seu Formulário de Inscrição. Clique em qualquer modelo para aplicá-lo instantaneamente.
- Estilos disponíveis: Escolha entre 7 designs de modelos diferentes — Estilos de campo de entrada Claro, Sem Borda, Borda Larga, Cinza, Escuro e Borda Inferior, e Transparente.
Etapa 3: Personalizar o Design
Na aba Avançado, você pode ajustar a tipografia, as cores dos campos, o estilo do botão e o espaçamento do seu bloco de Formulário de Inscrição.
Formulário:
- Família da Fonte: Escolha a família da fonte e a variante da fonte aplicadas a todos os rótulos do formulário e ao texto do campo.
- Raio da Borda: Defina o raio do canto de todos os campos de entrada de 0 a 100px para controlar o quão arredondados ou quadrados eles aparecem.
- Remover Preenchimento Interno: Marque esta caixa para remover o preenchimento interno padrão entre os campos do formulário e o contêiner do bloco, permitindo que o formulário fique alinhado com seu contêiner.
Campos:
- Cor de Fundo do Campo: Defina a cor de fundo dos campos de entrada.
- Cor do Texto do Campo: Defina a cor do texto digitado nos campos de entrada.
- Cor da Borda do Campo: Defina a cor da borda dos campos de entrada.
- Largura da Borda do Campo: Defina a largura da borda para cada lado dos campos de entrada (Superior, Direita, Inferior, Esquerda) de forma independente.
Botão:
- Estilo do Botão: Escolha o estilo visual do botão de envio — Flat, Ghost, 2D ou Vintage.
- Ícone Antes do Texto: Adicione um ícone do Font Awesome que aparece antes do texto do rótulo do botão.
- Ícone Depois do Texto: Adicione um ícone do Font Awesome que aparece depois do texto do rótulo do botão.
Espaçamento:
- Margem: Controle o espaçamento externo ao redor do seu bloco de Formulário de Inscrição (Superior, Direita, Inferior, Esquerda). Isso determina quanto espaço aparece entre o formulário e os elementos circundantes na página.
- Preenchimento: Ajuste o espaçamento interno do seu bloco de Formulário de Inscrição (Superior, Direita, Inferior, Esquerda). Isso cria espaço entre o formulário e as bordas do bloco.
Atributos:
- ID CSS: Exibe o identificador exclusivo gerado automaticamente para o seu bloco de Formulário de Inscrição. Este ID é criado automaticamente pelo SeedProd para estilização personalizada ou segmentação por JavaScript.
- Classe Personalizada: Adicione classes CSS personalizadas para aplicar estilos específicos do seu tema ou CSS personalizado.
- Atributos Personalizados: Adicione quaisquer atributos HTML ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor.
Visibilidade do Dispositivo:
- Ocultar no Desktop: Oculte o bloco de Formulário de Inscrição em telas de desktop.
- Ocultar no Tablet: Oculte o bloco de Formulário de Inscrição em dispositivos tablet.
- Ocultar no Celular: Oculte o bloco de Formulário de Inscrição em dispositivos móveis.
Efeitos de Animação:
- Animação de Entrada: Escolha entre vários efeitos de animação que são reproduzidos quando o bloco de Formulário de Inscrição entra na visualização. As opções incluem Bounce, Fade In, Zoom In, Rotate In e muitos outros.
Etapa 4: Salve Suas Alterações
Depois de terminar de configurar o bloco de Formulário de Inscrição e personalizar sua aparência, certifique-se de salvar seu trabalho.
Envios do Formulário de Inscrição
Por padrão, todos os envios do Formulário de Inscrição são salvos na seção Assinantes em SeedProd > Assinantes. Você pode visualizar, exportar e gerenciar seus dados de assinantes coletados a partir daí.
Observação: Por padrão, o bloco Formulário de Inscrição não envia notificações por e-mail quando um novo assinante envia o formulário. Se você deseja receber notificações, considere conectar uma integração de marketing por e-mail (veja abaixo).
Conecte o Formulário de Inscrição com Integrações de Marketing por E-mail
Você pode integrar o bloco Formulário de Inscrição com plataformas de marketing por e-mail de terceiros na seção Conectar das configurações da sua página SeedProd. Isso permite que novos assinantes sejam adicionados automaticamente às suas listas de e-mail em serviços como Mailchimp, AWeber, ConvertKit, ActiveCampaign e outros.
Observação: As Integrações de Marketing por E-mail estão disponíveis nos planos de licença Pro, Plus e Elite. Veja nossas integrações de e-mail disponíveis para a lista completa de plataformas suportadas.
Você adicionou com sucesso um bloco Formulário de Inscrição à sua página! Use-o para começar a coletar assinantes, aprimorar o engajamento do seu site e construir um público para o qual você pode comercializar diretamente. Experimente layouts de campos, estilos de botões e predefinições de modelos para criar um formulário que corresponda à sua marca e converta visitantes em assinantes.