Resumo de IA
Quando lançamos as opções de estilo de formulário para o editor de blocos há alguns meses, recebemos imediatamente um feedback mais do que qualquer outro.
Os usuários do Elementor nos disseram que estavam presos com a falta de opções de formatação. Os poderosos recursos de estilo que adicionamos ao editor de blocos estavam faltando.
Se você estiver usando um construtor de páginas, a última coisa que você quer fazer é pular para o código e mexer no CSS para fazer seu formulário ficar como você quer. É complicado e demorado.
Mas nosso objetivo é sempre tornar as coisas ridiculamente simples. Queremos que você crie formulários que funcionem corretamente e tenham uma aparência fantástica. É uma prioridade máxima para nós garantir que os usuários do Elementor tenham controle total sobre seus formulários!
Temos o prazer de anunciar que com o WPForms 1.8.3, todos os usuários do WPForms podem aproveitar os estilos fáceis de formulário!
Além de estilizar formulários no Elementor, esta versão facilita a leitura e interpretação dos envios de formulários.
Vamos detalhar.
Estilize Facilmente Seus Formulários no Elementor
Nosso principal objetivo com esta atualização foi tornar mais rápido e fácil estilizar formulários para aqueles que usam o Elementor como seu construtor de páginas.
Agora você tem acesso aos mesmos recursos que foram lançados para os usuários do editor de blocos em uma versão anterior. Você pode criar formulários bonitos sem o incômodo!
Com esta versão, você pode personalizar os estilos de campo, rótulo e botão para criar um formulário bonito que combine com seu site. Você não precisa de nenhuma habilidade em CSS ou conhecimento de design para fazer isso. É totalmente amigável para iniciantes.
Para acessar essas opções, certifique-se de que seu formulário esteja aberto no Elementor e, em seguida, clique em Estilo no widget do WPForms.
Isso abrirá as opções de estilo do seu formulário no Elementor.
A partir daí, você pode clicar em cada estilo e ajustar as configurações para personalizar a aparência do seu formulário.
Ao editar os estilos de campo, você configura o tamanho do campo, o raio da borda e as cores que deseja em seu formulário. Com esta opção, você pode facilmente criar uma experiência de marca coesa, combinando estilos com seu site.
Crie uma aparência mais consistente em todo o seu site com estilos de rótulo, onde você pode editar o tamanho e as cores dos rótulos do seu formulário.
Finalmente, editar o estilo do botão permite ajustar o tamanho, o raio da borda, as cores de fundo e de texto dos botões do seu formulário. Isso torna muito fácil manter a consistência e garantir que o botão do seu formulário combine com outros botões do seu site.
É só isso. Nenhum CSS necessário!
Sabemos que era frustrante para os usuários do Elementor não terem opções de estilo de formulário. Ouvimos vocês alto e claro! Seu feedback levou a equipe a juntar forças para desenvolver uma solução que permite que mais de nossos clientes aproveitem o recurso de estilos de formulário.
Configurações Aprimoradas de Visualização de Entradas
Também com esta versão, é mais fácil do que nunca ler suas entradas de formulário.
Antes, visualizar suas entradas de formulário apenas mostrava as informações enviadas. Era bastante inflexível e não exibia todos os seus divisores de seção, quebras de página ou campos de conteúdo.
Gerenciar entradas no WordPress é conveniente, mas sabemos que você não conseguiu exibir essas informações da maneira que gostaria. Em particular, nossa visualização de entrada padrão às vezes não funcionava com formulários complicados.
Não apenas a visualização de entrada era difícil de ler, mas também diminuía sua velocidade ao processar leads. Ninguém gosta disso!
Então, juntamos nossas cabeças novamente e agora estamos animados para oferecer mais controle sobre a visualização de entrada, para que você possa exibir as informações mais importantes para você.
Agora, ao visualizar entradas em seu formulário, há um ícone de configurações no canto superior direito que exibirá todas as configurações de seus campos.
Basta alternar os botões para personalizar sua visualização e aplicar as alterações instantaneamente.
E depois de fazer suas seleções, elas serão salvas automaticamente. Isso significa que, uma vez que você escolher sua visualização ideal, ela permanecerá assim até que você a altere!
E depois de ativar os divisores de seção e as quebras de página para este exemplo, veja como é muito mais fácil ler e entender. Você pode até optar por manter os layouts do formulário se houver colunas que você deseja preservar nas respostas.
Sabemos que nem sempre foi fácil interpretar envios de formulários, especialmente com formulários mais complexos. Com esses novos controles de layout e a novíssima visualização compacta, queríamos ter certeza de que você poderia obter exatamente a visualização de que precisa, independentemente de quão simples ou complexo seja o formulário.
Este recurso economizará seu tempo, fornecendo todos os dados do formulário, formatados e organizados, e não apenas as respostas.
Os controles de visualização de entrada única estão disponíveis para todos os detentores de licença paga.
Finalmente, agrupamos esses recursos com uma série de outras melhorias que estamos ansiosos para você conferir:
- Melhorias anti-spam: agora você pode optar por armazenar entradas de spam e marcá-las como spam, em vez de rejeitá-las. Também adicionamos um alternador extra que diminuirá a velocidade de envio para evitar que bots enviem spam para seus formulários
- Pesquisa de campo de formulário: Agora você pode rolar para cima dentro do construtor de formulários para pesquisar rapidamente o campo que você precisa
- E... uma novíssima tag inteligente
{site_name}.
Mais Atualizações em Breve
Como sempre, nossa equipe está trabalhando duro para oferecer a melhor experiência com o WPForms. Temos novos add-ons e lançamentos em andamento e estamos super animados para mostrar o que estamos desenvolvendo.
Fique ligado!
Nossa equipe de suporte está aqui para responder a quaisquer perguntas que você possa ter, então não hesite em nos contatar se houver algo que possamos fazer para ajudar!
Jared
Sou seu cliente regular. Após o envio do formulário de admissão, a opção de PDF ou impressão deve ser mantida. Manter essa opção beneficiará muitos de seus clientes como nós. Daya ativou essa opção muito rapidamente. Para que não precisemos usar nenhum plugin de terceiros.
Olá Mehedi – Peço desculpas, no momento não temos a opção de PDF/impressão para as entradas enviadas. Concordo que isso seria ótimo e adicionarei isso ao nosso rastreador de solicitações de recursos para que esteja no radar de nossos desenvolvedores.
Como solução alternativa, você pode configurar e-mails de notificação de formulário para enviar um e-mail com o conteúdo da entrada enviada. A maioria dos navegadores permitirá que você salve um e-mail como PDF (aqui está um exemplo para o Chrome).
Além disso, você pode criar PDFs manualmente de cada entrada.
Outra solução alternativa será anexar um arquivo CSV para download ao e-mail de notificação que contém as informações que os usuários enviam através do seu formulário.
Obrigado 🙂
vocês estão trabalhando em algo para o Oxygen builder?
Olá Minesh – Embora não tenhamos integração de Estilo para o Oxygen builder, adicionei isso ao nosso rastreador de solicitações de recursos para que esteja no radar de nossos desenvolvedores.
Minha aba de estilo está faltando no Elementor Pro, e eu também tenho uma licença paga do WPForm. Por favor, me diga o que fazer!
Olá Robert – Sinto muito por saber do problema. Quando tiver um tempo, por favor, entre em contato conosco no suporte para que possamos ajudar.
Como você tem uma licença WPForms, você tem acesso ao nosso suporte por e-mail, então por favor abra um ticket de suporte.
Obrigado 🙂
Só quero agradecer por adicionar uma aba de estilo ao Elementor! Me poupa de ter que escrever um monte de CSS.
Olá Ron – Obrigado por nos informar e ficamos felizes que você esteja gostando. :)
Não é possível alinhar (Centralizar) o botão de envio no elementor
Olá Ravi – Peço desculpas, no momento, não é possível com o Elementor. Mas você pode fazer isso com CSS personalizado, como descrito aqui.
Para mais detalhes sobre como adicionar CSS personalizado ao seu site, incluindo as duas opções acima, por favor, veja nosso artigo aqui.
Espero que ajude. Obrigado 🙂