### [Como habilitar o envio de formulários via Ajax](https://wpforms.com/docs/how-to-enable-ajax-form-submissions/)

**Publicado:** 23 de novembro de 2023
**Autor:** Umair Majeed

**Resumo:** Saiba como evitar que a página seja atualizada quando os visitantes enviam o formulário.

**Conteúdo:**

Você gostaria de evitar que a página seja atualizada quando você envia um formulário? Por padrão, toda a página precisa ser atualizada depois que o usuário clica no botão Enviar. Isso é o que normalmente permite que os dados inseridos sejam armazenados, que e-mails de notificação sejam enviados e muito mais. No entanto, com envios de formulários via AJAX, o formulário pode ser enviado e executar todos esses processos sem a necessidade de atualizar a página inteira.

Este tutorial mostrará como habilitar envios AJAX para seus formulários.

![Visão geral da habilitação do envio de formulários AJAX](https://wpforms.com/wp-content/uploads/2023/05/ajax-submission-overview.gif "Visão geral da habilitação do envio de formulários AJAX")

---

### Habilitando envios de formulários AJAX

Antes de começar, você precisa primeiro garantir que o WPForms esteja [instalado e ativado](https://wpforms.com/docs/install-wpforms-plugin/ "Como instalar o plugin WPForms") no seu site WordPress e que você tenha [verificado sua licença](https://wpforms.com/docs/verify-wpforms-license/ "Como verificar sua licença do WPForms"). Em seguida, você pode [criar um novo formulário](https://wpforms.com/docs/creating-first-form/ "Como criar seu primeiro formulário") ou editar um já existente para acessar o construtor de formulários.

Quando o criador de formulários estiver aberto, vá para **Configurações » Geral**. Em seguida, role até a seção **Avançado** e você verá uma lista de opções. Selecione a opção **Ativar envio de formulário via AJAX**.

![Ativar envio de formulário via AJAX](https://wpforms.com/wp-content/uploads/2021/10/enable-ajax-form-submission.png)

Quando estiver pronto, clique no botão **Salvar** para salvar as alterações.

**Observação:** Ativar o envio de formulários via AJAX é uma opção útil ao [incorporar seu formulário em um modal ou pop-up](https://wpforms.com/how-to-create-a-contact-form-popup-in-wordpress/ "Como criar facilmente um formulário pop-up no WordPress (passo a passo)").

### Testando seu formulário

Em seguida, certifique-se de testar seu formulário. Você pode [visualizar seu formulário](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/#preview "Como testar corretamente seus formulários do WordPress antes do lançamento [Lista de verificação]: Visualizando seu formulário") ou [incorporá-lo em uma página](https://wpforms.com/docs/creating-first-form/#display-form "Como testar corretamente seus formulários do WordPress antes do lançamento [Lista de verificação]: Exibindo formulários em seu site"). Em seguida, tente enviar seu formulário para garantir que ele tenha a aparência e funcione da maneira que você deseja.

![Envio de teste do formulário](https://wpforms.com/wp-content/uploads/2021/10/form-test-submission.gif)

**Observação:** Se você não quiser que o campo de visão se mova de forma alguma quando o formulário for enviado, tente desativar a rolagem de confirmação. Você pode fazer isso no construtor de formulários indo em **Configurações » Confirmação** e desativando a opção **Rolar automaticamente para a mensagem de confirmação**.

### Perguntas frequentes

Abaixo, respondemos algumas das perguntas mais comuns que recebemos sobre como habilitar o envio de formulários via AJAX.

##### Posso abrir um novo link em uma aba quando um formulário é enviado com o AJAX habilitado?

Sim, com envios via AJAX, você pode configurar seus formulários para abrir um novo link em uma aba separada enquanto exibe a mensagem de confirmação na página atual. Para saber como configurar isso no WPForms, consulte nossa [documentação para desenvolvedores](https://wpforms.com/developers/how-to-open-a-new-link-on-form-submission/).

**Observação:** Esteja ciente de que isso requer funcionalidades avançadas, como adicionar código ao seu site, e, portanto, é recomendado para desenvolvedores.

É isso! Agora você pode permitir que os usuários enviem formulários de forma integrada com envios de formulário via AJAX.

A seguir, você gostaria de aprender como criar formulários inteligentes? Não deixe de conferir nosso tutorial sobre [lógica condicional](https://wpforms.com/docs/how-to-use-conditional-logic-with-wpforms/ "Como usar a lógica condicional com o WPForms") para obter todos os detalhes sobre como seus formulários podem responder de maneiras personalizadas com base nas seleções dos usuários.

**Categorias:** Funcionalidade, Criação de formulários

---