Create your HTML forms without server for free! 💪🤑

clement_grosieux

Clément Grosieux

Posted on June 19, 2023

Create your HTML forms without server for free! 💪🤑

Would you like to integrate a html contact form into your website without setting up a server?

I have the solution for you! A free service that takes care of everything.

Table of Contents:

  1. Service Introduction (Free)
  2. Obtaining the API Key (30 seconds)
  3. Setting up the Form
  4. Conclusion

1. Service Introduction (Free)

Today, I present to you web3forms.com . There are many similar services, but according to my research, this one offers the best free package.

Currently, you will have free access to:

  • Unlimited Forms
  • 250 Monthly Submissions

I find this to be more than sufficient, especially for a portfolio website.
Additionally, if you wish to deploy the solution on multiple sites, you can simply provide a different email address..

2. Obtaining the API Key (30 seconds)

Go to web3forms.com/#start, and scroll down to :
api key request

Once you have registered your email address (do not use a disposable email, as this is where you will receive the messages), you will receive your API key via email:
api key mail
And there you have it, you now have your API key!

3. Setting up the Form

To set up your form, create your form using the POST method.
Then, simply add the web3form URL.

<form action="https://api.web3forms.com/submit" method="POST">

    <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY_HERE">

    <input type="text" name="name" required>
    <input type="email" name="email" required>
    <textarea name="message" required></textarea>
    <button type="submit">Submit Form</button>

</form>
Enter fullscreen mode Exit fullscreen mode

And that's it, you're done! Here's a practical example:
Gif of form submition

You will receive the form information via email:
mail received by web3form

4. Conclusion

It doesn't get any easier than this. This solution allows you to quickly deploy forms.
You can further enhance it with Captchas and verifications, but it remains just as simple.

Feel free to ask any questions or provide any feedback. And don't forget to subscribe and like!😊

💖 💪 🙅 🚩
clement_grosieux
Clément Grosieux

Posted on June 19, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related