Documentação do SeedProd

Documentação, Materiais de Referência e Tutoriais para SeedProd

Bloco de Formulário de Contato

O Bloco de Formulário de Contato permite adicionar facilmente formulários de contato às suas páginas do SeedProd. Este bloco integra-se perfeitamente com o WPForms, um dos construtores de formulários mais populares do WordPress, permitindo que você crie e gerencie formulários de contato profissionais sem nenhum código.

Com o bloco de Formulário de Contato, você pode incorporar qualquer formulário de contato do WPForms diretamente em suas páginas de destino, páginas "em breve" ou páginas em modo de manutenção. Isso torna simples para os visitantes entrarem em contato com você, mantendo o belo design de suas páginas SeedProd.

Requisitos: O Bloco de Formulário de Contato está disponível em todos os nossos planos de licença.

Observação: O Bloco de Formulário de Contato do SeedProd funciona perfeitamente com o WPForms. Se você estiver usando outro plugin de formulário, basta inserir os shortcodes gerados por eles em suas páginas usando o Bloco de Shortcode.

Exemplo de bloco de Formulário de Contato

Adicionando o Bloco de Formulário de Contato às Suas Páginas

Siga estas etapas para adicionar um bloco de Formulário de Contato à sua página SeedProd:

Etapa 1: Adicionar o Bloco

Em Design > Blocos, arraste e solte o bloco Formulário de Contato na seção desejada da sua página.

Arrastando o bloco de Formulário de Contato para a página

Localize o bloco Formulário de Contato no painel de blocos e arraste-o para o local desejado na página.

Etapa 2: Configurar as Definições de Conteúdo

Após adicionar, clique no bloco Formulário de Contato para abrir suas configurações. Na aba Conteúdo, você pode selecionar qual formulário de contato do WPForms exibir.

Formulário:

  • Selecionar um Formulário: Escolha entre qualquer formulário de contato que você criou anteriormente no WPForms. O menu suspenso exibe todos os formulários disponíveis da sua biblioteca WPForms
  • + Novo Formulário: Crie um novo formulário de contato do WPForms diretamente do construtor do SeedProd. Isso abre o editor do WPForms onde você pode projetar seu formulário e, em seguida, retornar para selecioná-lo
Configurações de Conteúdo do Formulário de Contato

Selecione seu formulário de contato do WPForms no menu suspenso ou crie um novo formulário.

Etapa 3: Personalizar o Design

Na aba Avançado, você pode personalizar a aparência visual do seu bloco de Formulário de Contato:

Estilos Avançados:

  • Tipografia: Personalize a família da fonte, tamanho, peso, altura da linha e espaçamento entre letras para o texto do formulário. Clique em Editar para acessar controles de tipografia detalhados para rótulos e texto de entrada do formulário
  • Cor do Texto: Defina a cor dos rótulos e do texto do formulário para corresponder ao design da sua página

Espaçamento:

  • Margem: Controle o espaçamento externo ao redor do seu bloco de Formulário de Contato (Superior, Direito, Inferior, Esquerdo). Isso determina quanto espaço aparece entre o formulário e os elementos circundantes
  • Preenchimento: Ajuste o espaçamento interno dentro do seu bloco de Formulário de Contato (Superior, Direito, Inferior, Esquerdo). Isso cria espaço entre o conteúdo do formulário e as bordas do bloco

Atributos:

  • ID CSS: Exibe o identificador exclusivo gerado automaticamente para o seu bloco de Formulário de Contato. 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 formulário. Insira cada atributo em uma nova linha usando o formato: nome-do-atributo|valor (por exemplo, data-tracking|formulário-de-contato)

Visibilidade do Dispositivo:

  • Ocultar no Desktop: Oculte o bloco de Formulário de Contato em telas de desktop
  • Ocultar no Tablet: Oculte o bloco de Formulário de Contato em dispositivos tablet
  • Ocultar no Celular: Oculte o bloco de Formulário de Contato 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 Formulário de Contato entra na tela. As opções incluem Bounce, Fade In, Zoom In, Rotate In e muitas outras. Isso ajuda a chamar a atenção para o seu formulário de contato e cria interesse visual
Configurações Avançadas do Formulário de Contato

Personalize a tipografia, o espaçamento e as configurações de exibição na aba Avançado.

Etapa 4: Salve Suas Alterações

Depois de terminar de configurar o bloco Formulário de Contato e personalizar sua aparência, certifique-se de salvar seu trabalho.


Você adicionou com sucesso um bloco de Formulário de Contato à sua página! O bloco de Formulário de Contato facilita a coleta de informações de visitantes, o atendimento de perguntas e a construção de relacionamentos com seu público. Experimente diferentes designs e opções de estilo do WPForms para criar um formulário de contato que corresponda à sua marca e incentive o engajamento do visitante.

Artigos Relacionados