Formcarry.

How to use formcarry to collect form submissions

What is Formcarry

Formcarry allows you to collect submissions from your own HTML form, without any back-end code.
You can get notification emails for submissions, upload files from your form, use best-in-class spam protection and integrate with other apps.

What Do You Need to Use Formcarry to Collect Submissions?

Before we start, here’s what you’ll need:

1. Creating an HTML Form

Let's create a simple newsletter form using HTML:

<form action="#" method="POST">
	<label for="email">What is your Email Address?</label>
	<input type="email" name="email" id="email">
	<button type="submit">Subscribe</button>
</form>

The biggest keypoint of an HTML form is action="#" part, you specify the URL where you want to process form data, basically it will look like this in a normal website:

<form action="https://mysite.com/form.php" method="POST">
	<label for="email">What is your Email Address?</label>
	<input type="email" name="email" id="email">
	<button type="submit">Subscribe</button>
</form>

What that does is, pointing all of your form data to https://mysite.com/form.php, and you have to write some PHP (or any other back end language like Nodejs, Go or Ruby ) to process the data that you got from this HTML form

This is where formcarry comes in, instead of writing your own back-end code, formcarry will create an unique URL that is ready to process your form without any code.

Your unique URL is ready to send Emails to you, Autoresponses, checking spam, processing files and triggering Zapier zaps. Basically everything that you need from an HTML form.

An example formcarry endpoint looks like this:

https://formcarry.com/s/BywEPAJNb

2. Creating A Form in Formcarry

First sign up then go to My Forms page, then click Add New to get your unique endpoint URL, then fill the fields as you need:

You will get an unique endpoint URL, just copy it for now.

3. Integrating your form to formcarry

Just paste the unique endpoint URL that you got in step 2. into your forms action attribute:

//this is sample endpoint
<form action="https://formcarry.com/s/BywEPAJNb" method="POST">
	<label for="email">What is your Email Address?</label>
	<input type="email" name="email" id="email">
	<button type="submit">Subscribe</button>
</form>

That's all you need to collect submissions!

*Important Note: All of the fields (input, textarea, select) need to have a name attribute, otherwise formcarry can't parse the data of the field.

Now, you're ready to collect submissions, let's try it:

Get into your form from the dashboard, then click the submissions tab:

Tadaa! it's there 🎉, you also received an email, check out spam folder if nothing appears.

This is not the limits! with Formcarry you're able to do these things without single line of back-end code:

  • check_circle File Uploads
  • check_circle Google Recaptcha
  • check_circle Spam Blocking
  • check_circle Double Send Prevention
  • check_circle Webhooks
  • check_circle CSV Export
  • check_circle JSON Export
  • check_circle Zapier Integration
  • check_circle Autoresponse
  • check_circle Ajax Support

Do's and Dont's

1. Each input field must have name attribute

<input type="email" name="email">
<input type="text" name="firstName">
<input type="text" name="lastName">
<input type="text" name="anotherInput">

2. Content-Type: json, form-data and x-www-form-urlencoded is supported, if you're just using HTML form without javascript, you don't have to worry, but if you are using javascript to make request, you should set this.

3. If you need to upload files Content-Type should be multipart/form-data.

4. If you want to get response message as JSON, you must set HTTP Accept header to application/json