<html lang="pt-pt" dir="ltr"><head></head><body>### [Como Abrir um Novo Link na Submissão de Formulário com AJAX](https://wpforms.com/developers/how-to-open-a-new-link-on-form-submission/)

**Publicado:** 24 de junho de 2021
**Autor:** Equipe Editorial

**Resumo:** Este tutorial irá guiá-lo sobre como abrir um novo link em um formulário com AJAX ativado quando os usuários clicarem em Enviar, usando um pequeno trecho de código. 

**Conteúdo:**

Gostaria de abrir um novo link nas submissões de formulário quando o AJAX estiver ativado? Usando um pequeno trecho de código, mostraremos como exibir sua mensagem de confirmação, mas também abrir um novo link quando o formulário for enviado.

Por padrão, o WPForms oferece a opção de exibir uma mensagem de confirmação, redirecionar para uma página em seu site ou fornecer um URL personalizado quando o formulário for enviado. Mas e se você quisesse fazer uma combinação dessas opções? Para este tutorial, criaremos um formulário que exibirá uma mensagem de confirmação quando o formulário for enviado, mas também abrirá uma nova aba e carregará uma página que exibe um download de PDF.

## Criando o formulário

Primeiro, precisaremos criar nosso formulário. Nosso formulário é um simples formulário de inscrição de newsletter, mas também permitiremos que eles forneçam quaisquer comentários, então teremos os campos de formulário **Nome**, **Email** e **Texto de Parágrafo** em nosso formulário.

Se precisar de ajuda para criar seu formulário, [consulte esta documentação](https://wpforms.com/docs/creating-first-form/ "Criando Seu Primeiro Formulário").

![crie seu formulário e adicione seus campos](https://wpforms.com/wp-content/uploads/2021/06/wpforms-ajax-new-window-link-create-form.jpg)

Antes de sair do construtor de formulários, certifique-se de selecionar a opção **Ativar envio de formulário AJAX** na guia **Geral**.

![certifique-se de ativar o ajax na guia de configurações gerais](https://wpforms.com/wp-content/uploads/2021/06/wpforms-ajax-new-window-link-ajax-setting.jpg)

Como definiremos o link dentro do trecho de código, você pode deixar o tipo de **Confirmação** na guia **Confirmações** apenas para exibir sua mensagem de confirmação.

![Como definiremos o link dentro do trecho de código, você pode deixar o tipo de Confirmação apenas para exibir sua mensagem de confirmação.](https://wpforms.com/wp-content/uploads/2021/06/wpforms-ajax-new-window-link.jpg)

## Abrindo um novo link na submissão do formulário

Agora é hora de adicionar o trecho que abrirá um novo link nas submissões de formulário.

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

Este trecho em particular só funcionará se o AJAX estiver ativado na submissão do formulário.

```

/**
 * Abre um novo link na submissão do formulário com AJAX
 *
 * @link https://wpforms.com/developers/how-to-open-a-new-link-on-form-submission
 */
  
function wpf_dev_event_after_submit() {
   ?&gt;

**Categorias:** Extensão

**Tags:** Javascript, JS

---</body></html>