Como criar modelos de formulário de marca

Publicados: 2024-04-24

Você está se perguntando como criar modelos de formulário de marca que correspondam à identidade de sua marca e garantam uma experiência de usuário consistente?

Os formulários de marca que refletem as cores, o logotipo e o estilo da sua marca tornam seus formulários mais pessoais e profissionais, aumentando o envolvimento e a confiança do usuário.

Crie um modelo de formulário de marca agora!

Neste guia, orientarei você nas etapas para criar um formulário de marca que tenha uma ótima aparência e funcione perfeitamente para suas necessidades.

Como criar um modelo de formulário de marca

Criar modelos de formulário de marca é incrivelmente fácil com WPForms. Siga as etapas abaixo para começar:

Neste artigo

  • 1. Instale e ative WPForms
  • 2. Crie um formulário para usar como modelo
  • 3. Adicione o logotipo da sua marca ao cabeçalho do formulário
  • 4. Converta seu formulário em um modelo personalizado
  • 5. Acesse o modelo de formulário de sua marca
  • 6. Estilize seu modelo de formulário de marca (opcional)

1. Instale e ative WPForms

WPForms é um plugin popular para WordPress que ajuda você a criar e gerenciar facilmente vários formulários em seu site, como formulários de contato, pesquisas e formulários de registro. Você não precisa de nenhum conhecimento de codificação para usá-lo.

O plug-in também simplifica a criação de modelos de formulário de marca que você pode usar para criar formulários personalizados. Ele oferece uma ampla gama de recursos de personalização, permitindo criar formulários que não são apenas atraentes, mas também responsivos.

The WPForms homepage

Para começar, você precisará instalar WPForms em seu site WordPress. Depois de ativado, siga as etapas descritas abaixo para personalizar seu formulário. Salve-o como modelo e use-o ao criar um novo formulário.

2. Crie um formulário para usar como modelo

Primeiro, abra sua ferramenta de criação de formulários e escolha um formulário existente ou crie um novo para personalizar em seu modelo exclusivo.

Na área de configuração inicial do construtor de formulários, você verá uma opção para nomear seu formulário. No campo Nomeie seu formulário , digite o nome do seu modelo.

name your template

Este título ficará visível na biblioteca de modelos assim que você adicionar seu modelo personalizado a ele, portanto, certifique-se de usar um título curto, mas descritivo.

3. Adicione o logotipo da sua marca ao cabeçalho do formulário

Clique nos campos que deseja adicionar ao formulário no construtor de formulários. Você também pode arrastar e soltar o campo na área de visualização.

Add New Field

Se você clicar em qualquer campo na área de visualização, o painel Opções de campo aparecerá. É aqui que você pode fazer mais alterações no campo.

email field options

Depois de adicionar todos os campos de sua preferência, arraste e solte o campo de conteúdo na parte superior do formulário para adicionar o logotipo da sua marca.

drag content field

Depois disso, adicione um novo texto ou remova o texto existente no editor visual conforme necessário e clique no botão Adicionar mídia .

add media content field

A partir daqui, você pode fazer upload do logotipo da sua marca ou selecioná-lo se já existir na Biblioteca de mídia e clicar no botão Inserir no formulário .

insert logo into form

O logotipo da sua marca foi adicionado ao seu modelo. Sinta-se à vontade para alterar o alinhamento conforme adequado e clique em Atualizar visualização para ver a aparência do seu formulário.

change logo alignment

4. Converta seu formulário em um modelo personalizado

Depois de definir as configurações do seu formulário e adicionar os campos, você poderá criar seu modelo de formulário. Para fazer isso, clique no ícone Menu antes do botão Visualizar.

Click the Hamburger Menu

Em seguida, para criar seu modelo de marca, você precisará selecionar o botão Salvar como modelo .

select save as template

Depois de seguir essas etapas, haverá uma tag TEMPLATE próxima ao nome do formulário para mostrar que agora é um modelo.

template tag

O botão Incorporar também estará desabilitado, o que significa que você não poderá usar este modelo personalizado no front end do seu site.

Embed Button Disabled Você pode fornecer uma breve descrição ao seu modelo, se desejar. Isso pode ajudar a fornecer um esboço rápido de como o modelo personalizado deve ser usado.

Para adicionar uma descrição, vá para Configurações »Geral no construtor de formulários. Em seguida, role para baixo e localize o campo Descrição do modelo .

template description

Em seguida, certifique-se de clicar no botão Salvar após terminar de atualizar o modelo personalizado para que suas alterações sejam refletidas.

save button form template

5. Acesse o modelo de formulário de sua marca

Vá para WPForms »Modelos de formulário para ver os modelos personalizados que você criou para o seu site. Depois, vá ao menu da barra lateral e escolha Meus modelos .

my templates menu

Ao passar o mouse sobre um modelo personalizado individual, você verá opções para usar, editar ou excluir o modelo.

Para usar seu modelo de formulário de marca, basta passar o mouse sobre o nome do modelo e clicar no botão Criar Formulário .

create form

O texto do botão muda para “Usar modelo” quando você vai para a página de modelos personalizados ao criar um novo formulário.

Você será levado à interface do criador de formulários. Aqui, todos os campos do modelo personalizado escolhido já estarão em vigor.

Sinta-se à vontade para modificar esses campos para melhor atender às suas necessidades ou simplesmente exibir o formulário como está.

6. Estilize seu modelo de formulário de marca (opcional)

Use o modelo de marca que você criou para criar um novo formulário. Depois de personalizar os campos, carregue o formulário no editor de blocos do WordPress.

No editor de blocos do WordPress, basta clicar no formulário para abrir opções adicionais de estilo e personalização para o bloco WPForms.

block editor styling

Você pode alterar o tema de cores, os campos do formulário, os rótulos, os botões e os estilos do contêiner e do plano de fundo sem escrever nenhum CSS nas configurações do bloco WPForms.

available styling options

Depois de estilizar seu modelo de formulário de marca, clique na guia Avançado . Aqui você pode copiar o código CSS contendo todos os estilos adicionados.

copy paste style settings

Sempre que você criar um novo formulário usando o modelo de formulário de marca, basta colar o trecho de código e o design do formulário usará os estilos do formulário anterior.

Perguntas frequentes sobre como criar modelos de formulário de marca

Os modelos de formulário de marca são um tópico de interesse popular entre nossos leitores. Aqui estão as respostas para algumas dúvidas comuns sobre eles.

O que é um formulário de marca?

Um formulário de marca é um tipo de formulário online que incorpora elementos da identidade de uma marca, como logotipos, esquemas de cores e fontes. Ajuda a manter uma presença consistente da marca em todas as interações com o cliente.

O que são modelos de marca?

Os modelos de marca são layouts pré-concebidos que incluem elementos de marca específicos adaptados a uma empresa. Esses templates garantem que todas as comunicações e formulários permaneçam consistentes com a identidade visual da marca.

Quantos modelos de marca você pode ter em WPForms?

Com WPForms, você pode criar e usar um número ilimitado de modelos de marca, que são salvos na guia Meus modelos . Essa flexibilidade permite que você personalize formulários para diversas finalidades, mantendo a aparência da sua marca.

Como posso usar WPForms para branding?

Para usar WPForms para branding, comece acessando os recursos Temas de formulário e Modelos personalizados.

Isso permite que você projete e aplique o estilo único da sua marca aos formulários de pedido, tornando as interações com os clientes mais profissionais e coesas.

Você pode personalizar esses modelos com as cores, logotipos e fontes da sua marca (as mesmas que você usa em mídias sociais e aplicativos).

A seguir, aprenda como criar um modelo de e-mail personalizado

Por meio de WPForms, você pode alterar facilmente a aparência de seus e-mails de notificação para criar uma experiência mais personalizada. Confira este guia para obter etapas sobre como criar um modelo de e-mail personalizado usando WPForms.

Crie um modelo de formulário de marca agora!

Pronto para construir 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 garantia de devolução do dinheiro em 14 dias.

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