Como Personalizar um Modelo de Formulário no WPForms

Personalizar um modelo de formulário no WPForms é uma maneira simples, porém poderosa, de adaptar seus formulários às suas necessidades específicas.

Seja para criar um formulário de contato básico ou uma aplicação complexa, o WPForms oferece controle total sobre o design e a funcionalidade dos seus formulários.

Neste guia, vou apresentar as principais opções de personalização que você deve considerar. Ao final, você terá as ferramentas para criar formulários que se adequam perfeitamente ao seu público e aos seus objetivos.

Vamos lá!

Como Personalizar um Modelo de Formulário no WPForms

Títulos, Rótulos e Textos

Ao começar com um modelo de formulário, você vai querer verificar se cada elemento reflete seu propósito.

Personalizar títulos, rótulos de campos e texto de espaço reservado torna seu formulário mais intuitivo e fácil de usar. Felizmente, você pode modificar esses elementos diretamente no construtor do WPForms.

Nomeando seu Formulário

O primeiro passo que você completará ao construir um novo formulário é dar um nome a ele. Você nomeará seu formulário antes mesmo de escolher um modelo para construir.

Mas não se preocupe em criar uma marca e personalização inteligentes para os usuários do seu formulário. Este nome de formulário é para você.

Você verá todos os formulários que criou no seu painel do WPForms listados por nome, para que possa determinar em quais páginas, widgets ou outras áreas do seu site você incorporará seu formulário.

Portanto, se você tiver vários formulários e correr o risco de usar o mesmo nome duas vezes, o WPForms o notificará que você já tem um formulário com esse nome, como mostrado na imagem acima.

Depois que seu formulário for criado, você sempre poderá atualizar o nome do seu formulário posteriormente no construtor de formulários, na aba Configurações.

Lembre-se de que você pode personalizar vários elementos nesta parte da aba Configurações, incluindo o texto que o botão de envio do seu formulário exibe e o que os usuários verão ao enviar.

Rótulos de Campo

Em seguida, vamos considerar as opções de personalização que você tem para os campos do seu modelo de formulário.

Ao clicar em qualquer campo, suas configurações são abertas no lado esquerdo do construtor de formulários. Os detalhes que você pode personalizar podem variar de campo para campo, mas o elemento comum que você pode modificar para qualquer campo do seu formulário é o seu rótulo.

O Rótulo do campo é o que os usuários do seu formulário verão para cada campo que estão preenchendo.

Embora esses rótulos de campo sejam bastante autoexplicativos, você pode considerar alterá-los um pouco.

Por exemplo, você pode usar o rótulo do campo para fazer uma pergunta ou fornecer alguma instrução. Em vez de deixar o Rótulo do campo Nome como está, você poderia editá-lo para perguntar: "Qual é o seu nome completo?" Ou, sempre que estiver adicionando o campo de Texto de Parágrafo a um formulário, você provavelmente editará seu Rótulo para algo relevante como "Comentário ou Mensagem".

Felizmente, quando você utiliza um dos nossos modelos de formulário prontos, nós já personalizamos esses tipos de campos para exibir rótulos apropriados para você!

Como o rótulo de cada campo é facilmente alterável, certifique-se de ter em mente o seu ID do Campo #.

Dessa forma, quando você vir ou usar este número de ID em outro lugar, saberá a qual campo ele se refere.

Crie seu formulário WordPress agora

Organizando os Campos do Formulário

Embora nossos modelos de formulário sejam pré-construídos com todos os campos básicos de que você precisará, provavelmente será necessário excluir, adicionar e mover alguns campos.

Remover um campo do modelo de formulário é moleza — basta clicar no ícone da lixeira no canto direito do campo para excluí-lo.

E o que faz aquele outro símbolo à esquerda dele? Clicar no ícone de página dupla duplicará o campo.

Quanto a adicionar mais campos ao seu modelo de formulário, é aí que nosso construtor de formulários brilha. Tudo o que você precisa fazer é clicar em um campo no lado esquerdo da tela, arrastá-lo para onde deseja em seu formulário e soltá-lo!

Você também pode mover campos para cima e para baixo no modelo de formulário dessa maneira. Basta arrastar e soltar o campo para outra área do formulário.

Leia Também: Como Randomizar Campos de Formulário no WordPress

Campo de Layout

Ao adicionar e mover campos em seu formulário, você deve considerar como eles estão dispostos.

Para manter as coisas organizadas e concisas, gosto de usar a opção de Campo de Layout para arrastar outros campos para suas colunas.

Você pode organizar esses campos em uma única coluna ou em várias colunas, com opções de várias colunas incluindo uma seleção completa de formas e tamanhos.

Quer ainda mais inspiração para campos de Layout? Dê uma olhada em nosso artigo criativo sobre melhores práticas de layout de formulário para um design amigável.

Campo Repetidor

Você também tem o campo Repetidor para manter seu modelo de formulário limpo e conciso.

Se você espera que o usuário do seu formulário precise inserir o mesmo tipo de informação várias vezes, como experiências de trabalho em um modelo de formulário de inscrição, você pode usar o campo Repetidor para permitir que o usuário do seu formulário simplesmente repita esse campo com o clique de um botão.

Em vez de sobrecarregar seu formulário com campos vazios e criar uma trilha de configurações de lógica condicional para ocultá-los, você pode simplesmente arrastar os campos necessários para a zona do campo Repetidor. Em seguida, você pode escolher qual tipo de layout deseja que esses campos repetíveis sigam.

Usando Escolhas de IA

Para os campos que fornecem várias opções para o usuário do seu formulário selecionar, você também precisará personalizar essas opções.

Esses tipos de campos são os campos Dropdown, Múltipla Escolha e Caixas de Seleção.

Mas não se preocupe se você não souber quais opções oferecer aos usuários do seu formulário — você pode usar IA para criá-las instantaneamente para você.

Nossos modelos de campo são meticulosamente pesquisados, portanto, as opções de escolha que incluímos para esses campos provavelmente serão semelhantes àquelas que você geraria. Mas, como sempre, encorajamos você a personalizar cada elemento do seu formulário como achar melhor.

Se você clicar ou adicionar um dos tipos de campo que mencionei, verá o botão para ter a IA gerando suas opções.

No meu exemplo de formulário acima, vou usar o recurso de IA integrado para gerar opções para o método de contato preferido do usuário do meu formulário.

Ao usar IA, gosto de criar um prompt que pede exatamente o que preciso para meu formulário específico. Assim, pedirei à IA para gerar opções de método de contato preferenciais para um formulário de contato.

Em seguida, essas opções podem ser adicionadas diretamente ao formulário!

Isso economiza muito tempo decidindo quais opções usar e adicionando-as manualmente ao seu formulário.

Procurando ainda mais orientação de IA? Dê uma olhada em nosso artigo que cobre métodos fáceis para usar IA com seu site.

Notificações e Confirmações

Lembra-se da guia Configurações para a qual navegamos no início desta postagem? Mencionei que existem opções de personalização adicionais aqui, e as opções de notificação do seu formulário e a mensagem de confirmação também podem ser editadas aqui.

As configurações da guia Notificações permitem que você insira para quem e para onde os detalhes do envio do formulário devem ser enviados.

Geralmente, essas configurações são aplicadas aos detalhes do administrador do seu site, como o e-mail do administrador definido para suas credenciais de login do WPForms.

Com as configurações de notificação, você também pode designar o endereço de e-mail inserido pelo usuário do seu formulário para o qual você enviará quaisquer respostas. A maioria dos formulários que você cria incluirá apenas um endereço de e-mail para o usuário fornecer, portanto, as respostas de você serão enviadas automaticamente para esse endereço de e-mail fornecido.

Mas, como eu disse, você pode alterar para qual e-mail do usuário você responderá aqui, nas configurações de Notificação.

Quanto ao que seu usuário de formulário verá após enviar o formulário — você pode personalizar esta mensagem na guia Confirmações, logo abaixo de Notificações.

Todos os modelos de WPForms que você pode usar para criar seu formulário já possuem uma mensagem de confirmação relevante escrita e incluída em suas configurações.

Mas sugiro personalizar esta mensagem de confirmação com a marca e a mensagem do seu próprio site. A mensagem de confirmação também é um ótimo lugar para incluir códigos de cupom ou informações sobre vendas e descontos que você está oferecendo!

Adicionando Integrações

Muitos dos modelos de formulário que oferecemos são projetados para funcionar com integrações que você configurou em seu site.

Por exemplo, você pode utilizar o Constant Contact para sua plataforma de marketing por e-mail e desejar que os usuários do formulário que se inscrevem em sua newsletter sejam adicionados à sua lista de e-mails do Constant Contact.

É possível integrando o Constant Contact com o WPForms!

Para adicionar qualquer uma de nossas integrações ao seu modelo de formulário, basta ir para a guia Marketing no construtor de formulários. Em seguida, clique no botão Adicionar Nova Conexão.

Agora, tudo o que você precisa fazer é inserir suas credenciais do Constant Contact e pronto!

Personalizando a Marca do seu Formulário

Existem muitas áreas e maneiras de aplicar a marca do seu modelo de formulário durante o processo de personalização. Você não apenas pode adicionar elementos da sua marca diretamente no construtor de formulários, mas também encontrará oportunidades de branding depois que seu formulário for incorporado em seu site.

Campo de Conteúdo

Uma maneira de personalizar um modelo de formulário com sua própria marca é com o campo Conteúdo.

O campo Conteúdo permite estilizar a fonte, as cores e outros elementos do campo, além das configurações usuais do campo. Mais importante, porém, o campo Conteúdo permite que você faça upload de uma imagem diretamente para o seu formulário.

Portanto, colocar o campo Conteúdo no topo do seu modelo de formulário é uma ótima maneira de adicionar sua própria imagem de cabeçalho ou logotipo.

Cabeçalho de Notificação por E-mail

Outra área onde você pode adicionar sua própria imagem de cabeçalho é nos e-mails de notificação do usuário que cobri anteriormente.

Simplesmente navegue até a guia E-mail no seu painel WPForms para adicionar e personalizar uma imagem de cabeçalho de e-mail.

Aqui, você pode adicionar uma imagem de cabeçalho ao topo de qualquer um dos modelos de e-mail disponíveis. Este é um local eficaz para exibir seu próprio logotipo e marca.

Ou, prefiro incluir uma mensagem sazonal ou saudação aqui para promover a interação do usuário.

Apenas não se esqueça de atualizar a imagem do cabeçalho mais tarde!

Temas de Formulário

Finalmente, depois de terminar toda a personalização do seu modelo de formulário, você pode estilizar ainda mais seu formulário dentro do editor de blocos do WordPress.

Portanto, depois de incorporar seu formulário na página do seu site escolhida, você verá opções para estilizar o bloco WPForms. Aqui, a seção Temas inclui todos os estilos de tema disponíveis que o WPForms oferece.

Certifique-se de dar uma olhada em nossa documentação completa sobre como usar temas de formulário para garantir que você esteja aproveitando ao máximo essas ferramentas de marca.

É só isso! Agora você tem todos os tipos de opções diferentes para personalizar seus modelos de formulário, ao seu alcance.

WPForms é mais do que apenas um construtor de formulários simples — é uma ferramenta poderosa que pode ajudar seu negócio a crescer de maneiras criativas e inesperadas.

Ao explorar esses usos inovadores, você pode gerar novas oportunidades de crescimento. Comece a experimentar essas ideias hoje e descubra como o WPForms pode levar seu site para o próximo nível!

Crie seu formulário WordPress agora

Perguntas Frequentes

Procurando algo específico? Navegue por nossas perguntas mais frequentes para descobrir mais:

Posso usar um modelo pré-fabricado e ainda personalizá-lo?

Com certeza! O WPForms oferece uma ampla gama de modelos adaptados a vários propósitos. Você pode personalizar qualquer modelo editando os rótulos dos campos, adicionando ou removendo campos, ajustando configurações e até incorporando recursos avançados como escolhas geradas por IA.

É possível visualizar meu formulário antes de publicá-lo?

Sim. O WPForms permite que você visualize seu formulário a qualquer momento no construtor. Dessa forma, você pode fazer ajustes antes de incorporá-lo em seu site para que os usuários interajam.

Posso integrar o WPForms ao meu serviço de marketing por e-mail?

Definitivamente! O WPForms se integra perfeitamente a muitos serviços populares de marketing por e-mail. Para configurar isso, basta instalar o addon de marketing por e-mail relevante para o WPForms, conectar sua conta e mapear seus campos de formulário para sua lista de e-mail.

Essa integração facilita a adição automática de assinantes, o envio de e-mails de confirmação e o gerenciamento de suas listas diretamente do seu site WordPress.

Em seguida, Siga Estas Melhores Práticas

Agora que você sabe como personalizar seu formulário usando um modelo, certifique-se de que as alterações que você faz sejam coesas e benéficas para o seu site.

Para seguir nossas melhores práticas que sugerimos para a criação do seu formulário, confira nosso artigo completo sobre o tema.

Pronto para criar seu formulário? Comece hoje mesmo com o plugin de criação de formulários WordPress mais fácil. WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

Se este artigo ajudou você, por favor, siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.