Como Personalizar um Modelo de Formulário no WPForms

Personalizar um modelo de formulário no WPForms é uma forma simples, mas poderosa, de adaptar os seus formulários para satisfazer as suas necessidades específicas.

Quer esteja a criar um formulário de contacto básico ou uma aplicação complexa, o WPForms dá-lhe controlo total sobre o design e a funcionalidade dos seus formulários.

Neste guia, irei guiá-lo pelas opções de personalização essenciais que deve considerar. No final, terá as ferramentas para criar formulários que se adequam perfeitamente ao seu público e objetivos.

Vamos a isso!

Como Personalizar um Modelo de Formulário no WPForms

Títulos, Rótulos e Texto

Ao começar com um modelo de formulário, irá querer verificar se todos os elementos refletem o seu propósito.

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

Nomear o seu Formulário

O primeiro passo que irá completar ao construir um novo formulário é dar um nome ao seu formulário. Irá nomear o seu formulário antes mesmo de escolher um modelo para o construir.

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

Verá todos os formulários que criou no seu painel WPForms listados por nome, para que possa determinar em que páginas, widgets ou outras áreas do seu site irá incorporar o seu formulário.

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

Depois de o seu formulário ser criado, pode sempre atualizar o nome do seu formulário mais tarde no separador Definições do construtor de formulários.

Lembre-se de que pode personalizar vários elementos nesta parte do separador Definições, incluindo o texto que o botão de envio do seu formulário exibe e o que os utilizadores verão ao enviar.

Rótulos de Campo

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

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

O Rótulo do campo é o que os utilizadores do seu formulário verão para cada campo que estão a preencher.

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

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

Felizmente, quando utiliza um dos nossos modelos de formulário prontos, já personalizámos estes tipos de campos para exibir rótulos apropriados para si!

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

Desta forma, quando vir ou usar este número de ID em outro lugar, saberá a que campo se refere.

Crie o Seu Formulário WordPress Agora

Organizar Campos do Formulário

Embora os nossos modelos de formulário sejam pré-criados com todos os campos básicos de que necessitará, provavelmente terá de eliminar, adicionar e mover alguns campos.

Remover um campo do modelo de formulário é muito simples — basta clicar no ícone do caixote do lixo no canto direito do campo para o eliminar.

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

Quanto a adicionar mais campos ao seu modelo de formulário, é aqui que o nosso construtor de formulários brilha. Tudo o que tem de fazer é clicar num campo no lado esquerdo do ecrã, arrastá-lo para onde o quer no seu formulário e soltá-lo!

Também pode mover campos para cima e para baixo no modelo de formulário desta forma. 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 no seu formulário, deve considerar como estão dispostos.

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

Pode dispor estes campos numa única coluna ou em várias colunas, com opções de várias colunas que incluem uma seleção completa de formas e tamanhos.

Quer ainda mais inspiração para o campo Layout? Dê uma vista de olhos ao nosso artigo criativo sobre melhores práticas de layout de formulários para um design fácil de usar.

Campo Repetidor

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

Se espera que o utilizador do seu formulário necessite de introduzir o mesmo tipo de informação várias vezes, como experiências de trabalho num modelo de formulário de candidatura, pode usar o campo Repetidor para permitir que o utilizador do seu formulário repita simplesmente este campo com o clique de um botão.

Em vez de entupir o seu formulário com campos vazios e criar uma cadeia de definições de lógica condicional para os ocultar, pode simplesmente arrastar os campos necessários para a zona do campo Repetidor. Em seguida, pode escolher o tipo de layout que estes campos repetíveis devem seguir.

Utilizar Escolhas de IA

Para os campos que fornecem várias escolhas para o utilizador do seu formulário selecionar, também terá de personalizar essas escolhas.

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

Mas não se preocupe se não souber quais as escolhas que deve oferecer aos utilizadores do seu formulário — pode utilizar a IA para as gerar instantaneamente para si.

Os nossos modelos de campos são meticulosamente pesquisados, pelo que as opções de escolha que incluímos para estes campos serão provavelmente semelhantes às que geraria. Mas, como sempre, encorajamo-lo a personalizar cada elemento do seu formulário como achar melhor.

Se clicar ou adicionar um dos tipos de campo que mencionei, verá o botão para que a IA gere as suas escolhas.

No meu exemplo de formulário acima, vou usar a funcionalidade de IA integrada para gerar escolhas para o método de contacto preferido do utilizador do meu formulário.

Ao usar IA, gosto de criar um prompt que peça exatamente o que preciso para o meu formulário específico. Por isso, pedirei à IA para gerar escolhas de método de contacto preferido para um formulário de contacto.

Em seguida, estas escolhas podem ser adicionadas diretamente ao formulário!

Isto poupa-lhe imenso tempo a decidir quais as opções a usar e a adicioná-las manualmente ao seu formulário.

Procura ainda mais orientação sobre IA? Dê uma vista de olhos ao nosso artigo que aborda métodos fáceis para usar IA com o seu website.

Notificações e Confirmações

Lembra-se do separador Definições para onde navegámos no início desta publicação? 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 definições do separador Notificações permitem-lhe introduzir quem e para onde os detalhes do envio do formulário devem ser enviados.

Normalmente, estas definições são aplicadas aos detalhes do administrador do seu website, como o e-mail de administrador definido para as suas credenciais de início de sessão do WPForms.

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

Mas, como disse, pode alterar para qual e-mail do utilizador responderá aqui, nas definições de Notificação.

Quanto ao que o utilizador do seu formulário verá após enviar o seu formulário — pode personalizar esta mensagem no separador Confirmações, logo abaixo de Notificações.

Todos os modelos WPForms que pode usar para criar o seu formulário já têm uma mensagem de confirmação relevante escrita e incluída nas suas definiçõ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 local para incluir códigos de cupão ou informações sobre vendas e descontos que esteja a oferecer!

Adicionar Integrações

Muitos dos modelos de formulário que oferecemos são concebidos para funcionar com integrações que configurou no seu site.

Por exemplo, pode utilizar o Constant Contact para a sua plataforma de marketing por e-mail e querer que os utilizadores do formulário que se inscrevem na 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 das nossas integrações ao seu modelo de formulário, basta ir ao separador Marketing no construtor de formulários. Em seguida, clique no botão Adicionar Nova Ligação.

Agora, tudo o que tem de fazer é introduzir as suas credenciais do Constant Contact e está pronto para começar!

Personalizar o seu Formulário

Existem muitas áreas e formas de aplicar a marca do seu modelo de formulário durante o processo de personalização. Não só pode adicionar elementos da sua marca diretamente no construtor de formulários, como também encontrará oportunidades de marca depois de ter o seu formulário incorporado no seu site.

Campo de Conteúdo

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

O campo Conteúdo permite-lhe estilizar o tipo de letra, as cores e outros elementos do campo para além das definições habituais do campo. Mais importante ainda, o campo Conteúdo permite-lhe carregar uma imagem diretamente para o seu formulário.

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

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

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

Navegue simplesmente para o separador Email no seu painel WPForms para adicionar e personalizar uma imagem de cabeçalho de email.

Aqui, pode adicionar uma imagem de cabeçalho ao topo de qualquer um dos modelos de email disponíveis. Este é um local eficaz para exibir o seu próprio logótipo e marca.

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

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

Temas de Formulários

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

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

Certifique-se de que consulta a nossa documentação completa sobre a utilização de temas de formulário para garantir que está a tirar o máximo partido destas ferramentas de marca.

É tudo o que há! Agora tem todo o tipo de opções diferentes para personalizar os seus modelos de formulário, ao seu alcance.

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

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

Crie o Seu Formulário WordPress Agora

FAQ

Procura algo específico? Consulte as nossas perguntas mais frequentes para descobrir mais:

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

Absolutamente! O WPForms oferece uma vasta gama de modelos adaptados a vários propósitos. Pode personalizar qualquer modelo editando os rótulos dos campos, adicionando ou removendo campos, ajustando as definições e até incorporando funcionalidades avançadas como escolhas geradas por IA.

É possível pré-visualizar o meu formulário antes de publicar?

Sim. O WPForms permite-lhe pré-visualizar o seu formulário a qualquer momento no construtor. Desta forma, pode fazer ajustes antes de o incorporar no seu website para que os utilizadores interajam.

Posso integrar o WPForms com o meu serviço de marketing por email?

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

Esta integração facilita a adição automática de subscritores, o envio de emails de confirmação e a gestão das suas listas diretamente do seu site WordPress.

Em seguida, Siga Estas Melhores Práticas

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

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

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

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