weForm
Você ama weForms por seu poder, mas em um site construído pela Elementor, ele pode parecer um estranho (stranger) preso em seu visual padrão, recusando-se a se misturar Não mais comprometendo Master Addons weForms Element entrega as chaves para o estúdio de design Puxe qualquer weForm existente diretamente para o editor Elementor e estilo cada peça única dele Aplique layouts profissionais de um clique, em seguida, ajuste tudo, desde a sombra do contêiner até a cor do texto do espaço reservado Faça seus formulários de contato, pesquisas e formulários de registro uma extensão perfeita e bonita de sua marca Pare de deixar seus formulários quebrarem a magia do design.
Predefinições instantâneas de design e layout
Por que começar de uma lousa? acertar o chão correndo com predefinições de layout de design selecionadas (Sty One a Eleven) Cada predefinição aplica um conjunto coordenado de estilos (sty One a Eleven), campos, e contêiner (contêiner), dando a você uma forma projetada profissionalmente Se você precisa de uma forma de luz minimalista, um cartão escuro ousado, com bordas vibrantes, há um ponto de partida É a maneira mais rápida de fazer um weForm parecer que sempre foi feito para fazer parte de sua página Elementor.
- 11+ Estilos prontos: Escolha entre uma biblioteca de layouts pré-projetados como “Style One”, “Style Two”, etc., para apelo visual instantâneo.
- Sistemas de Design Coerentes estilos predefinidos formam holisticamente (contêiner), campos, botão (botão) garantindo uma combinação perfeita para cada um.
- Ponto de partida perfeito: use uma predefinição como base e, em seguida, personalize ainda mais com controles granulares para torná-la exclusivamente sua.
Arquitetura completa de contêineres e campo
Controle o próprio quadro e blocos de construção do seu formulário Primeiro, projete o Contêiner de Formulário: defina sua largura, alinhamento, fundo, preenchimento e adicione efeitos avançados como Sombra de Caixa e Raio de Fronteira para fazê-lo estourar ou misturar Em seguida, arquitete os próprios Campos de Ajuste a Largura de Entrada e a Largura da Área de Texto independentemente, defina o fundo do campo, o preenchimento interno e as bordas Você pode até projetar o Estado Alterar a cor da borda e a sombra quando um usuário clica em um campo para uma sensação polida e interativa.
- Controle de dimensão de campo: defina diferentes larguras para entradas padrão e campos de área de texto (mensagem).
- Estados de foco interativos: defina a cor da borda personalizada e a sombra da caixa para campos quando os usuários clicarem neles, melhorando a usabilidade.
- Espaçamento e cantos: preenchimento de campos finos e raio de borda em todos os lados para cada caixa de entrada.
Controle de cor e tipografia
Tipografia e cor são a alma do seu design Aqui, você as controla para cada elemento de texto separadamente Estilo o Rótulo (como “Email Address *”) com sua própria cor e tipografia Defina a Cor da Fonte do Campo para o que os usuários digitam Crucialmente, estilize a Cor da Fonte do Espaço reservado frequentemente esquecida (“Seu e-mail...”).Use controles de Tipografia separados para Rótulos e Campos de Entrada para criar uma hierarquia visual clara, garantindo que seu formulário não seja apenas elegante, mas facilmente legível.
- Estilo de texto de camada tripla: defina cores independentemente para rótulos, fonte de campo digitada e texto de espaço reservado.
- Tipografia hierárquica: aplique diferentes famílias, tamanhos e pesos de fontes à tipografia de rótulos e à tipografia de campos de entrada.
- Clareza Visual: Use cores contrastantes para etiquetas e espaços reservados para orientar os usuários intuitivamente através do formulário.
Enviar Personalização de Botão
O botão enviar é o passo final, mais importante Não o deixe como um retângulo cinza padrão Assuma o comando completo Controle sua Largura e Alinhamento Estilo sua Tipografia Defina a Cor do Texto e a Cor de Fundo para ambos os estados Normal e Hover Ajuste seu Estofamento, Margem, Border e Border Radius para obter a forma e tamanho perfeitos Adicione uma Sombra de Caixa para fazê-la levantar da página Isso transforma um mundano “Submit” em um gatilho atraente e digno de clique para suas conversões.
- Controle de dimensão total: ajuste a largura do botão, o preenchimento, a margem e o raio da borda para obter a geometria perfeita do botão.
- Liberdade de alinhamento: posicione o botão à esquerda, central ou à direita dentro do contêiner de formulário.
- Efeitos avançados: Aplique Box Shadow e tipos de borda personalizados para tornar seu botão um elemento visual de destaque.
Perguntas frequentes para weForm
Como conecto esse elemento aos meus weForms existentes?
É simples Na guia Conteúdo, você verá um dropdown “Select weForm” Clique nele, e você verá uma lista de todos os formulários que você criou no painel do plugin weForms Basta selecionar aquele que deseja incorporar e projetar O elemento puxa em seus campos de formulário ao vivo (Nome, Email, etc) automaticamente.
Meu formulário ainda funcionará e enviará e-mails como antes?
Com certeza, Este elemento só altera o design visual do formulário Elementor Todas as configurações principais do weForms (em inglês) sim, lógica de campo, notificações, roteamento de e-mail e confirmações de dados (em inglês) permanecem 100% intactas e funcionam exatamente como você configurou no plugin weForms.
Posso usar estilos diferentes para diferentes formulários no mesmo site?
Claro! cada elemento Master Addons weForms que você coloca em uma página é estilizado de forma independente Você pode ter um formulário de contato minimalista em seu rodapé (usando o Estilo Dois) e um formulário de registro ousado e colorido em sua seção de heróis (usando o Estilo Sete) sem qualquer conflito.
O formulário projetado é totalmente responsivo no celular?
Sim. O elemento é construído com capacidade de resposta em mente A largura do contêiner, as larguras de campo, o preenchimento e os tamanhos das fontes se adaptarão para controle avançado, você pode usar o modo responsivo do Elementor para ajustar as configurações especificamente para visualizações de tablets e dispositivos móveis (como campos de empilhamento ou ajuste do tamanho do botão).
E se EU atualizar minhas configurações de campo no plugin principal do weForms?
Suas alterações (como adicionar um novo campo ou alterar um rótulo de campo) serão sincronizadas automaticamente Talvez você precise apenas atualizar a visualização do editor do Elementor (como o texto auxiliar sugere) para ver a estrutura de campo atualizada Seus estilos personalizados serão então aplicados aos campos novos ou atualizados.
Ainda posso usar Lógica Condicional e outros recursos avançados do weForms?
Definitivamente. Desde que este elemento incorpora o seu weForm real e funcional, todos os recursos avançados como lógica condicional, formulários de várias páginas, uploads de arquivos e integrações que você configurar no weForms funcionarão perfeitamente Você está apenas dando a ele uma nova e bela skin front-end.
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
