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 :

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:

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>

And that's it, you're done! Here's a practical example:

You will receive the form information via email:

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!😊

Comments

[Amin]

I think that even with a free-tier, the domain whitelisting should be mandatory for security purposes since anyone visiting a website powered by Web3forms can inspect the code, grab the access key and send emails on behalf of anyone making phishing and other malicious operations easier.

[Clément Grosieux]

Unfortunately, this is the issue with the free version of Web3Form.
With the key, it is only possible to send emails to the specified email .
A preliminary anti-spam filtering is in place, and if that is not sufficient, you can report the IP for Web3Form to block it.
However, it is evident that whitelist security should be free ! 👀

[Clément Grosieux]

I find it funny, but on their website, Web3Form showcases its competitors/alternatives and highlights why it offers a superior proposition. 😁

the web3form link