Gostaria de evitar que a página seja atualizada quando você envia um formulário? Por padrão, a página inteira precisa ser atualizada depois que o usuário clica no botão Enviar. Normalmente, é isso que permite que os dados de entrada sejam armazenados, que os e-mails de notificação sejam enviados e muito mais. Entretanto, com os envios de formulários 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 ativar os envios de AJAX para seus formulários.
Ativação de envios de formulários AJAX
Antes de começar, primeiro você precisa ter certeza de que o WPForms está instalado e ativado no seu site WordPress e que você verificou sua licença. Em seguida, você pode criar um novo formulário ou editar um já existente para acessar o construtor de formulários.
Quando o construtor de formulários estiver aberto, vá para Configurações " Geral. Em seguida, role até a seção Advanced (Avançado ) e você verá uma lista de opções. Vá em frente e selecione a opção Enable AJAX form submission (Ativar envio de formulário AJAX ).
Quando estiver pronto, clique no botão Save (Salvar) para salvar as alterações.
Observação: a ativação de envios de formulários AJAX é uma opção útil ao incorporar seu formulário em um modal ou pop-up.
Testando seu formulário
Em seguida, não se esqueça de testar o formulário. Você pode visualizar o formulário ou incorporá-lo em uma página. Em seguida, tente enviar o formulário para ter certeza de que ele tem a aparência e funciona como você gostaria.
Observação: Se não quiser que o campo de visão se mova quando o formulário for enviado, tente desativar a rolagem de confirmação. Você pode fazer isso no construtor de formulários acessando Configurações " Confirmação e, em seguida, desativando a opção Rolar automaticamente para a mensagem de confirmação.
Perguntas frequentes
Abaixo, respondemos a algumas das perguntas mais comuns que recebemos sobre a ativação de envios de formulários AJAX.
Posso abrir um novo link em uma guia quando um formulário é enviado com AJAX ativado?
Sim, com envios AJAX, você pode configurar seus formulários para abrir um novo link em uma guia 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.
Observação: esteja ciente de que isso requer funcionalidade avançada, como a adição de código ao seu site, e, portanto, é recomendado para desenvolvedores.
É isso aí! Agora você pode permitir que os usuários enviem formulários sem problemas com envios de formulários AJAX.
Em seguida, você gostaria de aprender a criar formulários inteligentes? Não deixe de conferir nosso tutorial sobre lógica condicional para obter todos os detalhes sobre como seus formulários podem responder de maneiras personalizadas com base nas seleções do usuário.