### [Como adicionar JavaScript a uma página ao utilizar 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:** Equipa Editorial

**Resumo:** Este tutorial irá mostrar-lhe como adicionar scripts personalizados a formulários criados com o addon Form Pages. 

**Conteúdo:**

Quer otimizar a integração do JavaScript nos formulários criados com o addon **Form Pages**? Temos a solução ideal! Descubra como tirar partido de um hook dedicado, concebido especificamente para páginas que incluem formulários do **Form Pages**. Este hook separado garante que os seus scripts sejam carregados apenas nas páginas que contêm esses 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 sobre o addon [Form Pages](https://wpforms.com/docs/how-to-install-and-use-the-form-pages-addon/ "Form Pages Addon").

## Configurar o seu formulário

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

Assim, 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](https://wpforms.com/wp-content/uploads/2022/05/wpforms-add-canvas-to-confirmation.jpg)Para mais informações sobre o que é o canvas, [consulte este artigo da W3Schools](https://www.w3schools.com/html/html5_canvas.asp).

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

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

Agora é hora de adicionar o snippet que contém o script que queremos incluir no 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 addon Form Pages](https://wpforms.com/wp-content/uploads/2021/05/wpforms-form-pages-confirmation-confetti.jpg)Pode utilizar a ação **wpforms\_form\_pages\_footer** para chamar qualquer JavaScript, desde um botão "Ir para o topo", um serviço de chat ao vivo ou até mesmo o seu Google Analytics.

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

## Ação de referência

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

**Categorias:** Complementos

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

---