Atenção!

Este artigo contém código JavaScript e destina-se a programadores. Oferecemos este código como uma cortesia, mas não fornecemos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação adicional, consulte o tutorial da WPBeginner sobre como adicionar código personalizado.

Ignorar

Como Adicionar JavaScript a uma Página ao Utilizar o Suplemento Páginas de Formulário

Procura otimizar a sua integração JavaScript para formulários criados com o addon Form Pages? Temos a solução ideal! Descubra como aproveitar um hook dedicado, concebido especificamente para páginas que apresentam formulários Form Pages. Este hook separado garante que os seus scripts sejam carregados apenas nas páginas que contêm estes formulários, evitando o carregamento desnecessário de scripts em todo o seu site e otimizando o desempenho.

Para mais informações sobre este tipo de formulário, consulte a documentação do addon Form Pages.

Configurar o seu formulário

Para o nosso tutorial, queremos que os nossos Form Pages exibam uma pequena animação quando o formulário é submetido. Para informações detalhadas, consulte o nosso guia sobre adicionar animação a mensagens de confirmação.

Começaremos por criar o nosso formulário e adicionar o nosso elemento canvas à mensagem de Confirmação no separador Texto.

crie o seu formulário e adicione o seu elemento canvas ao separador Texto da mensagem de Confirmação

Para mais informações sobre o que é canvas, consulte este artigo da W3Schools.

Se precisar de ajuda na criação do seu formulário, consulte o nosso guia sobre criar o seu primeiro formulário.

Adicionar JavaScript às Páginas de Formulário

Agora é hora de adicionar o snippet que contém o script que queremos registar no nosso formulário Form Pages.

Se precisar de ajuda para adicionar trechos ao seu site, consulte este tutorial.

adicionar javascript a formulários criados com o addon form pages

Pode usar a ação wpforms_form_pages_footer para chamar qualquer JavaScript, desde um botão de scroll para o topo, um serviço de chat ao vivo, ou até mesmo o seu Google analytics.

E é tudo o que precisa! Em seguida, gostaria de contar as submissões do seu formulário à medida que chegam? Dê uma vista de olhos ao nosso artigo Como Incrementar uma Contagem em Cada Submissão de Formulário.

Ação de Referência

wpforms_form_pages_footer