Enviando formulários com JavaScript (AJAX)

Disponível em todos os planos

É possível enviar seus formulários via AJAX - funciona até mesmo cross-origin. Primeiro crie um novo formulário no seu dashboard. Então, no código do seu formulário, use alguma biblioteca AJAX para enviar seus dados como JSON. Certifique-se que o header Accept esteja configurado com application/json para que a resposta seja retornada como JSON.

Nesse exemplo utilizamos a Axios HTTP library.

axios({
  url: 'https://formspree.io/f/YOUR_FORM_ID',
  method: 'post',
  headers: {
    'Accept': 'application/json'
  },
  data: {
    email: 'visitante@email.com',
    message: "Olá!"
  }
}).then((response) => { console.log(response); })

Abaixo segue um exemplo utilizando jQuery. Note que a propriedade dataType: "json" é necessária para configurar o cabeçalho Accept.

$.ajax({
  url: "https://formspree.io/f/YOUR_FORM_ID",
  method: "POST",
  dataType: "json",
  data: {
    email: "visitante@email.com",
    message: "Olá!"
  }
});

Caso você esteja desenvolvendo em React, confiara a biblioteca React Library.