Resumo de IA
Estamos trabalhando arduamente para adicionar todos os recursos e melhorias solicitados no WPForms. Se tudo correr conforme o planejado, haverá duas grandes atualizações esta semana. Veja as novidades no WPForms 1.1.4.
Duplique um Formulário com 1 Clique
Muitos de vocês pediram uma maneira fácil de duplicar formulários. Agora você pode facilmente duplicar formulários com 1 clique.
Simplesmente vá para a tela de formulários, passe o mouse sobre o formulário que deseja duplicar e clique no botão duplicar.
Eu sei que nossos modelos de formulário tornam muito fácil criar novos formulários WordPress. Este recurso será ainda mais poderoso porque agora você pode duplicar esses formulários.
Antes que você pergunte, sim, estamos trabalhando em uma maneira fácil para você criar seus próprios modelos de formulário personalizados. Embora já exista uma maneira de fazer isso agora (apenas requer um pouco de codificação).
Estilos do Botão de Envio
O WPForms permitia adicionar CSS personalizado a todos os campos de entrada, exceto ao botão de Envio. Não temos certeza de como negligenciamos isso, mas obrigado por apontar.
Nesta versão, agora você tem a capacidade de adicionar estilos CSS personalizados ao seu botão de Envio.
Simplesmente clique no botão de Envio e você será levado à tela de configurações, onde poderá adicionar sua classe CSS personalizada.
Melhorias + Correções de Bugs + Próximos Passos
Além dessas duas novas adições, também corrigimos alguns bugs menores e adicionamos melhorias aos recursos existentes.
Estamos planejando lançar a v1.1.5 ainda esta semana, que permitirá que você exporte as entradas do seu formulário, reenvie notificações por e-mail e uma interface de usuário muito melhorada para páginas de entrada única.
Na próxima semana, lançaremos nossa integração com GetResponse e dois recursos incríveis adicionais.
Procurando um construtor de formulários WordPress de arrastar e soltar? Obtenha o WPForms hoje e desbloqueie todos os recursos incríveis.
Olá,
Eu gosto muito do WPForms, mas estou tendo problemas para mudar a cor do botão. Eu gostaria de mudar a cor do botão para #292929 e a cor do texto para #ffffff. E eu gostaria que a cor de hover do botão fosse #444444 e a cor do texto novamente #ffffff. Eu não quero mudar o tamanho, a forma ou a fonte do botão. Eu tentei várias abordagens de CSS, mas as cores do botão não mudaram. Que código CSS específico eu adicionaria ao campo “Classe CSS do Botão de Envio” para obter essas cores?
Olá David,
Simplesmente adicione uma classe CSS ao seu botão de Envio. Vamos dizer que você a chame de: wpf-custom-button
Em seguida, em seu arquivo CSS, adicione o seguinte:
.wpf-custom-button{ background: #292929 !important; color: #fff !important; }.wpf-custom-button:hover{background: #444 !important}Estou usando este código CSS personalizado para alterar a aparência do botão de envio, mas ele não tem efeito na aparência.
.wpf-custom-button{ background: #ffdddd !important; color: #161616 !important; }
Olá
Você pode me ensinar a mudar a cor de fundo do formulário?
Muito obrigado
Ftim
Olá Bonnie! Existem algumas maneiras de estilizar seus WPForms.
Uma delas é com o plugin CSS Hero, que não requer codificação – basta apontar e clicar. Você pode ver nosso guia sobre como personalizar WPForms com CSS Hero aqui.
Você também pode estilizar seus formulários usando CSS. Temos um post sobre como estilizar seus formulários de contato com CSS aqui.
Para alterar o fundo de todos os seus formulários, você pode usar um pouco de CSS como este:
.wpforms-form {background-color:black}O post vinculado acima tem mais exemplos e instruções sobre como fazer isso. Espero que ajude! Sinta-se à vontade para entrar em contato se tiver mais alguma dúvida 🙂
Olá,
Eu não quero mudar a cor de fundo, mas o texto da descrição da caixa de texto. Ex: Nome, primeiro, último.. etc…
Por favor, ajude.
Olá Andrew,
Você pode direcionar a descrição da caixa de texto usando o seletor CSS
.wpforms-form label. Você pode conferir nosso post no blog sobre como estilizar seus formulários de contato com CSS para instruções passo a passo e exemplos. Sinta-se à vontade para entrar em contato se precisar de suporte 🙂Existe uma maneira de centralizar o botão de envio?
Olá Arnold,
Ótima pergunta, e aqui está o CSS que você precisaria para fazer isso:
div.wpforms-container-full .wpforms-form .wpforms-submit-container { text-align: center; }A única coisa a notar é que este CSS centralizará o botão de envio em todos os WPForms do seu site. Se você preferir aplicar este estilo apenas a um formulário específico, pode descobrir como fazer isso neste tutorial (na seção 'Como personalizar os designs do seu formulário de contato', veja o Método 2).
Espero que isso ajude! 🙂
Obrigado, isso é incrível!
Eu estava tentando centralizar o div errado….
Olá Arnold,
De nada, feliz em ajudar! Tenha um bom dia 🙂
Funcionou para mim–>>Obrigado!!!
Fico muito feliz que isso tenha funcionado para você, Bryan — e obrigado por dedicar um tempo para nos informar!
Tenha um bom dia 🙂
Eu só quero três campos no meu formulário e eles são obrigatórios, mas o formulário está adicionando um campo extra aleatório na parte inferior e ele é diferente toda vez que recarrego a página, geralmente o que dos três que eu já escolhi. Qual é o problema?? Como consertar isso? Obrigado
Oi Lena,
Com base na sua descrição, parece que nosso campo honeypot está aparecendo. Nosso campo honeypot normalmente não é visível para humanos — no entanto, bots de spam podem vê-lo. Portanto, quando um campo honeypot é preenchido em um formulário, sabemos que é um bot de spam e podemos impedir o envio da entrada.
Como mencionei, porém, este campo não deve ser visível para humanos. Portanto, o mais provável é que seu tema esteja aplicando algum CSS que acidentalmente torna este campo visível. Podemos tornar este campo oculto novamente, no entanto, com um pouco de CSS:
.wpforms-field-hp { display: none; }Caso ajude, aqui está um tutorial do WPBeginner sobre maneiras fáceis de adicionar CSS personalizado como este ao seu site.
Espero que ajude! 🙂
Estou enfrentando um problema com o Wpforms. Assim que pressiono o botão submit, a página redefine todos os campos automaticamente como em branco e, uma vez que eu reinseri todas as informações e cliquei no botão submit, o formulário foi enviado corretamente e redirecionado para a próxima página de agradecimento. Mas toda vez eu tenho que inserir o formulário duas vezes, na primeira vez o formulário redefine todos os campos quando o usuário clica no botão.
Oi Muhammad,
Ficaremos felizes em ajudar! Quando tiver um tempo, entre em contato conosco no suporte para que possamos ajudar.
Se você tiver uma licença WPForms, terá acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte.
Caso contrário, oferecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.
Obrigado 🙂
Eu quero mudar a cor do botão Próximo. Você pode me ajudar?
Oi Marius,
Claro! Para ajustar este estilo, você precisará de um pouco de CSS personalizado. Compartilhamos o trecho de CSS que você precisaria para ajustar neste tutorial e copiei abaixo:
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next { background-color: #eee; border: 1px solid #ddd; color: #333; }Neste trecho, você precisaria alterar os valores hexadecimais (
#eee,#ddde#333) — eles são usados para representar cores diferentes. Caso ajude, gosto de um site chamado htmlcolorcodes.com para procurar valores hexadecimais para as cores que desejo. Estes ajustarão a cor de fundo, a cor da borda e a cor da fonte, respectivamente.Além disso, o WPBeginner tem um ótimo tutorial sobre como adicionar CSS ao seu site.
Espero que ajude! Se você tiver dúvidas adicionais sobre isso, entre em contato 🙂
Olá, pessoal!
Preciso de ajuda. Tenho um problema em que meu site está mostrando 2 formulários de checkout em vez de 1.
Como posso corrigir isso? Não posso fornecer o link, pois está em localhost.
Oi Zara,
Receio que esteja um pouco confuso com sua pergunta. Quando tiver um tempo, entre em contato com nossa equipe de suporte com mais informações e eles poderão investigar mais a fundo.
Obrigado!
Olá, alguém poderia me ajudar? Preciso criar outro botão dentro do formulário que direcione os usuários para outro site antes de enviarem. Isso é possível ou terei que adicionar código?
Oi Manjinder!
Atualmente, não temos opções integradas no WPForms para adicionar botões além do botão de Enviar ou dos botões Próximo/Anterior das páginas.
Se você quiser adicionar um personalizado, pode tentar usar o campo HTML e adicionar algum código de botão HTML lá e personalizar seus estilos com um trecho de CSS.
Espero que isso ajude!
Tenha um ótimo dia 🙂
um usuário, um registro por vez – como bloquear o usuário após um contato único no mês, dia, qualquer coisa.
estou usando o wp form para coletar e-mails e algumas informações dos usuários. O plugin está funcionando bem, mas
problemas —
1. como impedir que o usuário envie formulários múltiplos, como o formulário de contato. Assim que uma pessoa envia o formulário, ele deve ser enviado para a página final imediatamente na próxima vez e não deve pedir os detalhes repetidamente.
Depois de preencher o formulário, na próxima vez não há necessidade de pedir os detalhes por pelo menos 10 a 15 dias, ele deve ser enviado para a última página. Ou seja, a página de agradecimento.
Por favor, ajude-nos
Olá,
A entrada duplicada pode ocorrer porque os usuários atualizam a página quando uma mensagem de confirmação é exibida. Nesse caso, existem algumas soluções possíveis para evitar isso:
1. Redirecione os usuários para uma página de agradecimento em vez de uma mensagem de confirmação após o envio do formulário.
2. Use envio de formulário AJAX. Isso pode ser ativado no construtor de formulários quando você vai em Configurações > Geral para selecionar Habilitar envio de formulário AJAX
3. Se você quiser impedir que o mesmo usuário envie várias entradas, pode exigir valores exclusivos para determinados campos. Isso pode ser alcançado usando o recurso do addon Form Locker para impedir várias entradas do mesmo usuário (disponível com o nível Pro e superior)
Espero que isso ajude! Se você tiver uma licença do WPForms, terá acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte. Caso contrário, oferecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.
Obrigado 🙂
Ótimo formulário
Por favor, como evito entradas duplicadas no wpforms
adoraria ouvir você
Olá Sam – lamentamos qualquer inconveniente que possa ter sido causado por isso.
A entrada duplicada pode ocorrer porque os usuários atualizam a página quando uma mensagem de confirmação é exibida.
Para evitar entradas duplicadas, recomendamos o seguinte:
Redirecione os usuários para uma página de agradecimento em vez de uma mensagem de confirmação no envio do formulário, o que muitas vezes pode ser uma opção ainda melhor, pois as páginas de agradecimento podem ser projetadas para ajudar seus usuários de mais maneiras. Para mais detalhes sobre como configurar uma página de agradecimento, bem como exemplos para tornar esta página eficaz, confira este tutorial.
Usando o envio de formulário AJAX. Isso pode ser habilitado no construtor de formulários quando você vai em Configurações > Geral para selecionar Habilitar envio de formulário AJAX. Esta opção evita que entradas duplicadas sejam criadas quando os usuários atualizam a página após o envio do formulário. Para mais detalhes sobre envios de formulário AJAX, por favor, veja nosso guia aqui.
Dito isso, se você ainda estiver enfrentando o mesmo problema e tiver uma licença do WPForms, você terá acesso ao nosso suporte por e-mail, então por favor abra um ticket de suporte. Caso contrário, oferecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.
Obrigado.