Você ou os visitantes do seu site estão enfrentando problemas de JavaScript ao enviar seus WPForms? Muitos proprietários de sites usam plug-ins de otimização e cache para ajudar a acelerar seus sites. No entanto, alguns recursos incluídos nesses plug-ins podem fazer com que as funções do WPForms não funcionem corretamente.
Este guia abordará maneiras de solucionar problemas comuns de JavaScript no WPForms.
Neste artigo
Identificação de problemas de JavaScript
O WPForms depende muito do JavaScript para muitos de seus recursos, como validação de campo, lógica condicional, CAPTCHA e muitos outros. Se um formulário não estiver funcionando como esperado, um problema de JavaScript é uma das coisas a serem verificadas.
Na maioria dos casos, se o JavaScript dos formulários estiver quebrado, você verá o erro Esta página não está carregando o JavaScript corretamente e o formulário não poderá ser enviado. Consulte nosso guia de solução de problemas para obter detalhes sobre como resolver esse problema. sempre que houver tentativa de envio de um formulário.
Quando isso acontece, é uma boa ideia fazer uma verificação rápida para ver se o formulário está usando a validação correta. Para fazer isso, envie um formulário que tenha um ou mais campos obrigatórios sem dados preenchidos.
Em um formulário em que o JavaScript está sendo executado corretamente, cada validação de campo estará em vermelho.
No entanto, se os arquivos JavaScript essenciais não estiverem sendo carregados ou estiverem carregados incorretamente, a validação incorporada do navegador será exibida.
Se estiver vendo a validação integrada do navegador, é provável que esteja tendo um problema de JavaScript. Na maioria dos casos, esses problemas de JavaScript são causados por plug-ins de otimização e cache. Na próxima seção, examinaremos os recursos comuns desses plug-ins que podem causar problemas de JavaScript.
Plug-ins de otimização e cache
Os problemas de JavaScript causados por plug-ins de otimização e cache geralmente se devem a esses recursos comumente encontrados:
- Reduzir: Remove caracteres desnecessários do código, como espaços em branco, o que produz um arquivo menor para que menos dados precisem ser transferidos.
- Combine: Mescla arquivos JavaScript/CSS separados em um único arquivo para reduzir o número de chamadas feitas ao servidor.
- Carregar diferido (de forma assíncrona): Impede que os arquivos JavaScript e CSS sejam carregados e executados durante o carregamento da página, de modo que a página não precise "esperar" por eles.
Para evitar que o JavaScript do WPForms seja afetado por esses recursos (e, possivelmente, quebre a funcionalidade principal), podemos ajustar configurações específicas nos plug-ins de otimização e cache.
Ajuste das configurações de otimização
Nesta seção, abordaremos como excluir os ativos do WPForms dos plug-ins populares de otimização e armazenamento em cache. Também examinaremos outras configurações que podem ser ajustadas em cada plug-in específico, o que pode ajudar a corrigir ou evitar problemas de JavaScript.
Aqui estão os plug-ins que abordaremos:
- WP Rocket
- Otimização automática
- JavaScript assíncrono
- W3 Total Cache
- Otimizador SiteGround
- Cache LiteSpeed
- WP Fastest Cache
Perguntas frequentes
Estas são algumas das perguntas mais comuns que recebemos sobre a solução de problemas de JavaScript no WPForms.
Verifiquei a otimização e os plug-ins de cache, mas o WPForms ainda não está funcionando como esperado. O que mais poderia ser o problema?
Um motivo frequentemente ignorado na solução de problemas do WPForms é a configuração do tema, especialmente a presença ou ausência da tag wp_footer() função. Essa função é vital para o WPForms, pois garante que os ativos necessários sejam carregados em seu site. Se o seu tema não tiver a função wp_footer() pode fazer com que os componentes do WPForms não sejam carregados corretamente. Isso pode fazer com que os formulários não sejam enviados ou até mesmo que ocorram erros de JavaScript.
Para resolver o problema, você pode começar acessando os arquivos do seu tema usando Protocolo de transferência de arquivos (FTP), cPanelou a opção Appearance " Theme Editor no WordPress. Uma vez lá, inspecione os arquivos de modelo do tema, especialmente o arquivo footer.php para determinar se o arquivo wp_footer() está presente.
Se você descobrir que ela está faltando, essa pode ser a raiz dos seus problemas com o WPForms. Nesse momento, considere entrar em contato com o suporte do seu tema ou mudar para um tema que siga as práticas padrão do WordPress.
É isso aí! Agora você sabe como solucionar problemas de JavaScript no WPForms.
Em seguida, você gostaria de obter mais suporte ou aprender mais dicas para solucionar problemas do WPForms? Não deixe de conferir nosso guia de solução de problemas para obter mais detalhes.