Resumo de IA
Estamos a trabalhar arduamente para adicionar todas as funcionalidades e melhorias solicitadas no WPForms. Se tudo correr como planeado, haverá duas atualizações importantes esta semana. Eis as novidades no WPForms 1.1.4.
Duplicar um Formulário com 1 Clique
Muitos de vós têm pedido uma forma fácil de duplicar formulários. Agora pode facilmente duplicar formulários com 1 clique.
Basta ir ao ecrã dos formulários, passar o rato sobre o formulário que pretende duplicar e clicar no botão de duplicar.
Sei que os nossos modelos de formulário tornam muito fácil criar novos formulários WordPress. Esta funcionalidade será ainda mais poderosa porque agora pode duplicar esses formulários.
Antes que perguntem, sim, estamos a trabalhar numa forma fácil para que possa criar os seus próprios modelos de formulário personalizados. Embora já exista uma forma de o fazer agora (requer apenas um pouco de código).
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 a certeza de como nos escapou, mas obrigado por nos ter chamado a atenção.
Nesta versão, tem agora a capacidade de adicionar estilos CSS personalizados ao seu botão de Envio.
Basta clicar no botão de Envio e será levado para o ecrã de definições, onde poderá adicionar a sua classe CSS personalizada.
Melhorias + Correções de Bugs + O Que Vem a Seguir
Para além destas duas novas adições, também corrigimos alguns bugs menores e adicionámos melhorias a funcionalidades existentes.
Estamos a planear lançar a v1.1.5 mais tarde esta semana, o que permitirá exportar as suas entradas de formulário, reenviar notificações por e-mail e uma UI muito melhorada para páginas de entrada única.
Na próxima semana, lançaremos a nossa integração com GetResponse e duas funcionalidades mais fantásticas.
Procura um construtor de formulários WordPress "arrastar e largar"? Obtenha o WPForms hoje e desbloqueie todas as funcionalidades fantásticas.
Olá,
Gosto muito do WPForms, mas estou a ter dificuldades em alterar a cor do botão. Gostaria de alterar a cor do botão para #292929 e a cor do texto para #ffffff. E gostaria que a cor do botão ao passar o rato fosse #444444 e a cor do texto novamente #ffffff. Não quero alterar o tamanho, a forma ou o tipo de letra do botão. Tentei várias abordagens CSS, mas as cores do botão não mudaram. Que código CSS específico adicionaria ao campo "Classe CSS do Botão de Envio" para obter estas cores?
Olá David,
Basta adicionar uma classe CSS ao seu botão de Envio. Vamos dizer que lhe chama: wpf-custom-button
Depois, no seu ficheiro CSS, adicione o seguinte:
.wpf-custom-button{ background: #292929 !important; color: #fff !important; }.wpf-custom-button:hover{background: #444 !important}Estou a usar este código CSS personalizado para alterar a aparência do botão de envio, mas não tem efeito na aparência.
.wpf-custom-button{ background: #ffdddd !important; color: #161616 !important; }
Olá
Pode ensinar-me como mudar a cor de fundo do formulário?
Muito obrigado
Ftim
Olá Bonnie! Existem algumas maneiras de estilizar os seus WPForms.
Uma delas é com o plugin CSS Hero, que não requer codificação – basta apontar e clicar. Pode ver o nosso guia sobre como personalizar WPForms com CSS Hero aqui.
Também pode estilizar os seus formulários você mesmo usando CSS. Temos um artigo sobre como estilizar os seus formulários de contacto com CSS aqui.
Para mudar o fundo de todos os seus formulários, pode usar um pouco de CSS como este:
.wpforms-form {background-color:black}O artigo ligado acima tem mais exemplos e instruções sobre como fazer isto. Espero que ajude! Sinta-se à vontade para entrar em contacto se tiver mais alguma questão 🙂
Olá,
Não quero mudar a cor de fundo, mas sim o texto da descrição da caixa de texto. Ex: Nome, primeiro, último.. etc…
Por favor, ajude.
Olá Andrew,
Pode direcionar a descrição da caixa de texto usando o seletor CSS
.wpforms-form label. Pode consultar o nosso artigo de blogue sobre como estilizar os seus formulários de contacto com CSS para instruções passo a passo e exemplos. Sinta-se à vontade para entrar em contacto se precisar de suporte 🙂Existe alguma forma de centrar o botão de submissão?
Olá Arnold,
Ótima pergunta, e aqui está o CSS que precisaria para fazer isso:
div.wpforms-container-full .wpforms-form .wpforms-submit-container { text-align: center; }A única coisa a notar é que este CSS centrará o botão de submissão em todos os WPForms do seu site. Se preferir aplicar este estilo apenas a um formulário específico, pode descobrir como fazer isso neste tutorial (na secção ‘How to Customize Your Contact Form Designs’, veja o Método 2).
Espero que ajude! 🙂
Obrigado, é incrível!
Eu estava a tentar centrar o div errado….
Olá Arnold,
De nada, fico feliz em ajudar! Tenha um bom dia 🙂
Funcionou para mim–>>Obrigado!!!
Fico feliz que isto tenha funcionado para si, Bryan — e obrigado por dedicar tempo a informar-nos!
Tenha um bom dia :)
Só quero três campos no meu formulário e eles são obrigatórios, mas o formulário está a adicionar um campo extra aleatório no fundo e é diferente cada vez que recarrego a página, geralmente um dos três que já escolhi. Qual é o problema?? Como resolver isto? Obrigado
Olá Lena,
Com base na sua descrição, parece que o nosso campo honeypot está a ser exibido. O nosso campo honeypot normalmente não é visível para humanos — no entanto, os bots de spam conseguem vê-lo. Portanto, quando um campo honeypot é preenchido num formulário, sabemos que se trata de um bot de spam e podemos impedir que a entrada seja enviada.
Como mencionei, no entanto, este campo não deve ser visível para humanos. Portanto, o mais provável é que o seu tema esteja a aplicar algum CSS que acidentalmente torna este campo visível. Podemos tornar este campo invisível novamente, no entanto, com um pouco de CSS:
.wpforms-field-hp { display: none; }Caso ajude, aqui está um tutorial da WPBeginner sobre formas fáceis de adicionar CSS personalizado como este ao seu site.
Espero que isto ajude! 🙂
Estou a ter um problema com o Wpforms. Assim que clico no botão de submeter, a página redefine todos os campos automaticamente como em branco e, assim que volto a inserir todas as informações e clico no botão de submeter, o formulário é submetido corretamente e redirecionado para a página de agradecimento seguinte. Mas todas as vezes tenho de inserir o formulário duas vezes, na primeira vez o formulário redefine todos os campos quando o utilizador clica no botão.
Olá Muhammad,
Teremos todo o gosto em ajudar! Quando tiver oportunidade, envie-nos uma mensagem de suporte para que possamos ajudá-lo.
Se tiver uma licença WPForms, tem acesso ao nosso suporte por e-mail, por isso, por favor, envie um ticket de suporte.
Caso contrário, fornecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.
Obrigado 🙂
Quero mudar a cor do botão Seguinte. Pode ajudar-me?
Olá Marius,
Claro! Para ajustar este estilo, precisará de um pouco de CSS personalizado. Partilhámos o trecho de CSS que precisaria para ajustar neste tutorial e copiei-o abaixo:
div.wpforms-container-full .wpforms-form .wpforms-page-button.wpforms-page-next { background-color: #eee; border: 1px solid #ddd; color: #333; }Neste trecho, precisaria de alterar os valores hexadecimais (
#eee,#ddde#333) — estes são usados para representar cores diferentes. Caso ajude, gosto de um site chamado htmlcolorcodes.com para procurar valores hexadecimais para as cores que pretendo. Estes ajustarão a cor de fundo, a cor da borda e a cor da fonte, respetivamente.Além disso, o WPBeginner tem um ótimo tutorial sobre como adicionar CSS ao seu site.
Espero que ajude! Se tiver questões adicionais sobre isto, entre em contacto 🙂
Olá pessoal
Preciso de ajuda. Tenho um problema em que o meu site está a mostrar 2 formulários de checkout em vez de 1..
Como posso resolver isto? Não posso dar o link, está em localhost.
Olá Zara,
Receio que esteja um pouco confuso com a sua pergunta. Quando tiver 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 me pode ajudar? Preciso de criar outro botão dentro do formulário que direcione os utilizadores para outro website antes de submeterem. É isto possível, ou terei de adicionar código?
Olá Manjinder!
Atualmente, não temos opções integradas no WPForms para adicionar botões que não sejam o botão de Envio, ou os botões Seguinte/Anterior das páginas.
Se quiser adicionar um personalizado, pode tentar usar o campo HTML e adicionar algum código de botão HTML lá e personalizar os seus estilos com um pouco de CSS
Espero que isto ajude!
Tenha um bom dia 🙂
um utilizador um registo por vez – como bloquear um utilizador após um contacto por mês, dia, qualquer coisa.
estou a usar o wp form para recolher emails de utilizadores e algumas informações. o plugin está a funcionar bem mas
problemas —
1. como impedir o utilizador de submeter múltiplos formulários como o formulário de contacto. Assim que uma pessoa submete o formulário, deve ser enviada 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, deve ser enviado para a última página. Quero dizer a página de agradecimento.
Por favor, ajude-nos
Olá,
A entrada duplicada pode dever-se a utilizadores que atualizam a página quando uma mensagem de confirmação é exibida. Neste caso, existem algumas soluções possíveis para evitar isto:
1. Redirecione os utilizadores para uma página de agradecimento em vez de uma mensagem de confirmação após o envio do formulário.
2. Utilize envio de formulário AJAX. Isto pode ser ativado no construtor de formulários quando vai a Definições > Geral para selecionar Ativar envio de formulário AJAX
3. Se pretender impedir que o mesmo utilizador envie várias entradas, pode exigir valores únicos para determinados campos. Isto pode ser conseguido usando o recurso do suplemento Form Locker para impedir múltiplas entradas do mesmo utilizador (disponível com Pro e níveis superiores)
Espero que isto ajude! Se tiver uma licença WPForms, tem acesso ao nosso suporte por e-mail, por isso, por favor, envie um ticket de suporte. Caso contrário, fornecemos suporte complementar limitado no fórum de suporte do WPForms Lite no WordPress.org.
Obrigado 🙂
Ótimo formulário
Por favor, como posso impedir entradas duplicadas no wpforms
adoraria ouvir de si
Olá Sam – lamentamos qualquer inconveniente que possa ter sido causado como resultado disto.
A entrada duplicada pode dever-se a utilizadores que atualizam a página quando uma mensagem de confirmação é exibida.
Para evitar entradas duplicadas, recomendamos o seguinte:
Redirecione os utilizadores para uma página de agradecimento em vez de uma mensagem de confirmação após o envio do formulário, o que pode ser uma opção ainda melhor, pois as páginas de agradecimento podem ser concebidas para ajudar os seus utilizadores de mais formas. Para mais detalhes sobre como configurar uma página de agradecimento, bem como exemplos para tornar esta página eficaz, consulte este tutorial.
Utilizar o envio de formulários AJAX. Isto pode ser ativado no construtor de formulários quando acede a Definições > Geral para selecionar Ativar envio de formulários AJAX. Esta opção impede a criação de entradas duplicadas quando os utilizadores atualizam a página após o envio do formulário. Para mais detalhes sobre o envio de formulários AJAX, consulte o nosso guia aqui.
Dito isto, se ainda estiver a enfrentar o mesmo problema e tiver uma licença WPForms, terá acesso ao nosso suporte por e-mail, pelo que por favor envie um ticket de suporte. Caso contrário, fornecemos suporte complementar limitado no fórum de suporte WPForms Lite WordPress.org.
Obrigado.