### [Como adicionar JavaScript a uma página ao usar o complemento Form Pages](https://wpforms.com/developers/how-to-add-javascript-to-a-page-when-using-the-form-pages-addon/)

**Publicado:** 21 de maio de 2021
**Autor:** Equipe Editorial

**Resumo:** Este tutorial mostrará como adicionar scripts personalizados a formulários criados usando o complemento Form Pages. 

**Conteúdo:**

Quer otimizar sua integração de JavaScript para formulários criados com o complemento **Form Pages**? Temos a solução perfeita! Descubra como aproveitar um gancho dedicado, feito sob medida especificamente para páginas que apresentam formulários do **Form Pages**. Esse hook separado garante que seus scripts sejam carregados apenas nas páginas que contêm esses formulários, evitando o carregamento desnecessário de scripts em todo o site e otimizando o desempenho.

Para obter mais informações sobre esse tipo de formulário, consulte a documentação do complemento [Form Pages](https://wpforms.com/docs/how-to-install-and-use-the-form-pages-addon/ "Form Pages Addon").

## Configurando seu formulário

Para o nosso tutorial, queremos que nossas **Form Pages** exibam uma pequena animação quando o formulário for enviado. Para informações detalhadas, consulte nosso guia sobre [como adicionar animação a mensagens de confirmação](https://wpforms.com/developers/how-to-add-confetti-animation-to-confirmation-message/).

Então, começaremos criando nosso formulário e adicionando nosso elemento canvas à mensagem de **Confirmação** na guia **Texto**.

![Crie seu formulário e adicione seu elemento canvas à guia Texto da mensagem de Confirmação](https://wpforms.com/wp-content/uploads/2022/05/wpforms-add-canvas-to-confirmation.jpg)Para mais informações sobre o que é canvas, [consulte este artigo da W3Schools](https://www.w3schools.com/html/html5_canvas.asp).

Se precisar de ajuda para criar seu formulário, consulte nosso guia sobre [como criar seu primeiro formulário](https://wpforms.com/docs/creating-first-form/ "Como criar seu primeiro formulário").

## Adicionando o JavaScript às páginas de formulário

Agora é hora de adicionar o trecho de código que contém o script que queremos registrar em nosso formulário **Páginas de formulário**.

Se precisar de ajuda para adicionar trechos de código ao seu site, [consulte este tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Como adicionar PHP ou JavaScript personalizado para o WPForms").

![adicionar javascript a formulários criados com o complemento Form Pages](https://wpforms.com/wp-content/uploads/2021/05/wpforms-form-pages-confirmation-confetti.jpg)Você pode usar a ação **wpforms\_form\_pages\_footer** para chamar qualquer JavaScript, seja de um botão “voltar ao topo”, de um serviço de chat ao vivo ou até mesmo do seu Google Analytics.

E isso é tudo o que você precisa! A seguir, você gostaria de contar as entradas do seu formulário à medida que elas chegam? Dê uma olhada em nosso artigo [Como Incrementar uma Contagem a Cada Envio de Formulário](https://wpforms.com/developers/how-to-increment-a-count-on-each-form-submission/ "Como Incrementar uma Contagem a Cada Envio de Formulário").

## Ação de referência

[wpforms\_form\_pages\_footer](https://wpforms.com/developers/wpforms_form_pages_footer/ "Usando a ação wpforms_form_pages_footer")

**Categorias:** Complementos

**Tags:** Complemento Form Pages, Javascript, JS

---