Documentation

We are a form as a service plataform. We take care of your form's submissions, so you can focus on building your website instead of focusing on form processing and e-mail integrations. It's very easy to integrate with us, all you need to do is point your form to our servers and we do the boring stuff, by the way, you can do it either by form posting or json requests. Check below how to.

How to create a form's endpoint

You will need an endpoint to send your form's data, you can create one here

Sending form submissions

Sending your form's submissions is pretty straightforward. With the endpoint you got in the last step in hands, change your form's code. Here's and example:

<form method="POST" action="YOUR FORM ENDPOINT HERE" enctype="multipart/form-data">
  <input type="text" name="firstName" />
  <input type="text" name="lastName" />
  <button type="submit">Send</button>
</form>

After form submission you will be redirected to our "Thank you!" page. You can redirect to your own custom page if you want, all you need to do is add a ?next=YOUR_REDIRECT_URL in the query string, like the example below:

https://formasaservice.com/f/148e8df3-e957-42b0-b367-d07d9697f4bb/?next=https://www.YOUR_SITE.com/

Sending json submissions

Sending your form's submissions is pretty straightforward. You can post json to your form by appending  ?json in your query string, like this:

https://formasaservice.com/f/148e8df3-e957-42b0-b367-d07d9697f4bb/?json

Ok, now that your endpoint is ready to receive json requests, here's an full example:


var raw = {
 "Your field name": "value"
};

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");

var requestOptions = {
 method: 'POST',
 headers: myHeaders,
 body: JSON.stringify(raw)
};

fetch("YOUR_FORMS_ENDPOINT_HERE", requestOptions)
 .then(response => response.text())
 .then(result => console.log(result))
 .catch(error => console.log('error', error));

What about file uploads?

Don't worry, we got you! To upload files you only need to add an file input in your form:

<form method="POST" action="YOUR FORM ENDPOINT HERE" enctype="multipart/form-data">
  <input type="file" name="Picture" />
  <button type="submit">Send</button>
</form>

Of course you can upload files through ajax requests, it's a bit more tricky, but doable. Instead of json, you will send us a FormData, but don't forget to add ?json to your query string, otherwise you will be redirected instead of receiving a json response.


<!-- If you are using html, get your file input element) -->
<!-- If you are using node, or other programming languages, add the file blob to FormData -->
var fileInput = document.getElementById("inputFile");
          
<!-- You can send multiple files, grouped by name -->
var formData = new FormData();
formData.append("Your Form Field Name (e.g.: Pictures)", fileInput.files[0]);
formData.append("Your Form Field Name (e.g.: Pictures)", fileInput.files[1]);
formData.append("Your Form Field Name (e.g.: Pictures)", fileInput.files[2]);

var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");

var requestOptions = {
  method: 'POST',
  headers: myHeaders,
  body: formData
};    

fetch("YOUR_FORMS_ENDPOINT_HERE", requestOptions)
 .then(response => response.text())
 .then(result => console.log(result))
 .catch(error => console.log('error', error));

Have questions? Get in touch!

Feel free to ask us anything! We'll answer as fast as possible!

Your e-mail is safe with us :)