Create Free Contact Form without Signup or Hosting [Formspree]

Formspree is a easy shape-to-electronic mail API used on thousands of web sites that has sent over 75K shape submission emails. Formspree started as Brace forms, created by way of the Brace.io crew. However, Brace.io announced that it changed into received by means of Squarespace, and as a part of that transition, Brace bureaucracy become open sourced. Due to the fact Brace.io was shut down, they’ve forked the project and put it on meeting to provide its network an opportunity to take over.

Features:

  • No PHP
  • No JavaScript
  • No Sign up
  • Basic HTML work
  • No Database
  • No Hosting required
  • Can be use on Site, Blogger, and other free blogging site.

How to Create Free Contact Form without Signup or Hosting?

#1: Copy below codes and paste where you want to display form.

<form action="//formspree.io/your@email.com" method="POST">
 <input type="text" name="name" required/>
 <input type="email" name="email" required/>
 <input type="submit" value="Send"/>
</form>


#2: Replace your@email.com with your email address.

#3: Submit form yourself first as test and Confirm your Email Address.

#4: After Confirming, you will started receiving emails.

Advanced Features

#1: This value is used for the email’s Reply-To field. This way you can directly “Reply” to the email to respond to the person who originally submitted the form.

<input type="text" name="_replyto" placeholder="Your email" required/>


#2: By default, after submitting a form the user is shown the Formspree “Thank You” page. You can provide an alternative URL for that page.

<input type="hidden" name="_next" value="/thanks.html" />


#3: This value is used for the email’s subject, so that you can quickly reply to submissions without having to edit the subject line each time.

<input type="hidden" name="_subject" value="New submission!" />


#4: This value is used for the email’s CC Field. This lets you send a copy of each submission to another email address.

<input type="hidden" name="_cc" value="another@email.com" />


#5: Add this “honeypot” field to avoid spam by fooling scrapers. If a value is provided, the submission will be silently ignored. The input should be hidden with CSS.

<input type="text" name="_gotcha" style="display:none" />


#6: Using AJAX: You can use Formspree via AJAX. This even works cross-origin. The trick is to set the Accept header to application/json. If you’re using jQuery this can be done like so:

$.ajax({
 url: "//formspree.io/you@email.com",
 method: "POST",
 data: {message: "hello!"},
 dataType: "json"
});


Leave a Reply

Your email address will not be published. Required fields are marked *