widget WeForms Elementor para estilizar suas weForms
O widget Master Addons weForms coloca um formulário construído no plugin gratuito weForms em qualquer página Elementor e permite estilizá-lo a partir do painel Elementor Escolha o formulário, escolha uma Variação de Design e, em seguida, estilize o contêiner de formulário, campos, estado de foco, rótulos, espaços reservados e o botão enviar Estilo Um a Quatro são gratuitos e Master Addons Pro adiciona o Estilo Cinco ao Onze. Você precisa do plugin weForms instalado.
Como adicionar weForms ao Elementor
Você precisa do Elementor, do plugin gratuito weForms e do plugin gratuito Master Addons.
- Instale o weForms a partir de Plugins, Adicione Novo e crie seu formulário no painel do weForms.
- Verifique se o weForms está ligado em Complementos mestres, widgets.
- No editor Elementor, procure por nósFormas e arraste o widget Master Addons para a página.
- Escolha seu formulário em Selecione weForm.
- Escolha uma variação de design na guia Estilo.
- Estile o recipiente, campos, etiquetas e enviar botão, em seguida, enviar uma entrada de teste.
Variações de design: 4 estilos gratuitos, 11 com Pro
O Design Variações dropdown aplica um estilo correspondente ao contêiner, campos e botão em uma etapa Estilo Um a Quatro funcionam no plugin gratuito, e Estilo Cinco a Onze precisam de Pro. Estas são as mesmas predefinições usadas pelo Formulário de contato 7 widget e as demonstrações abaixo são construídas com esse widget.
- 4 predefinições gratuitas, 11 com Pro.
- Ajuste ainda mais qualquer predefinição com as seções de estilo abaixo.
- Use uma predefinição diferente para cada formulário no mesmo site.
Forme estilos de contêiner e campo
O Formar estilos de contêiner a seção cobre a cor de fundo, alinhamento, largura, largura máxima, margem, preenchimento, borda, raio da borda e sombra da caixa. Formar estilos de campos define o fundo de entrada, separa as larguras para entradas e a área de texto, preenchimento de campo, borda, raio e sombra de caixa Largura, preenchimento e margem são responsivos, para que você possa alterá-los para tablet e celular.
- A largura de entrada e a largura da área de texto são definidas separadamente.
- O Focus State Style oferece aos campos sua própria cor de borda e sombra de caixa enquanto um visitante digita.
- O preenchimento de campos e o raio de borda se aplicam a cada caixa de entrada.
Etiqueta, entrada e cores e tipografia de espaço reservado
O Cor e tipografia seção tem três cores: Cor da etiqueta, Cor da fonte de campo para o texto que um visitante digita e Cor da fonte do espaço reservado Tipografia da etiqueta e Tipografia dos campos de entrada são separados, assim que os rótulos podem usar uma fonte, tamanho ou peso diferente dos campos.
- Etiquetas, texto digitado e espaços reservados recebem sua própria cor.
- A tipografia de rótulo e entrada é definida separadamente.
Enviar estilos de botão
O Enviar estilos de botão a seção define largura de botão, alinhamento, tipografia, margem e preenchimento As guias Normal e Hover possuem cores de texto e fundo, Normal também possui borda e raio de borda, e Hover possui cor de borda e sombra de caixa.
- Largura do botão, margem e preenchimento respondem.
- O padrão de alinhamento de botões é largura total (justificar).
- O estado de pairar altera o texto, o fundo e a cor da borda.
Perguntas frequentes para weForm
Como conecto esse elemento aos meus weForms existentes?
Construa o formulário no painel do weForms primeiro Na guia Conteúdo do widget, escolha-o Selecione weForm. A nota do painel pede que você salve e atualize o editor depois de escolher um formulário para que os campos sejam carregados.
Meu formulário ainda funcionará e enviará e-mails como antes?
Sim. O widget apenas adiciona estilo Envios, notificações e confirmações ainda são executados através de weForms com as configurações que você fez lá.
O widget weForms é gratuito?
Sim. O widget faz parte do plugin gratuito Master Addons com Style One to Four e todas as seções de estilo Master Addons Pro adiciona Style Five a Eleven O próprio weForms também tem uma versão gratuita no WordPress.org.
O formulário projetado é totalmente responsivo no celular?
O formulário segue o seu tema e layout weForms em telas pequenas Largura do formulário, largura máxima, margem, preenchimento, larguras de campo, largura do botão e alinhamento do botão são controles responsivos, para que você possa definir valores diferentes para tablet e celular no Elementor.
E se EU atualizar minhas configurações de campo no plugin principal do weForms?
As alterações que você fizer no formulário em weForms mostram na página porque o widget renderiza o formulário de weForms Atualize o editor Elementor para ver novos campos durante a edição As configurações de estilo no widget também se aplicam aos novos campos.
Ainda posso usar Lógica Condicional e outros recursos avançados do weForms?
Sim. O widget gera o próprio formulário weForms, para que os recursos que você configura no weForms continuem funcionando. Alguns deles, como lógica condicional e formulários de várias etapas, dependem do seu plano weForms.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
![Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicador de postagem/página
