Installation
First step is to get an Access Key from Web3Forms. Create Access Key​
Once you submit the form, you will get the Access key in your Email. Copy that key so that we can use this later.
Create a form in your website with our form endpoint inside action attribute. Following is a simple example on how it should look like:
Basic Example
Advanced Example
Basic Example
<form action="https://api.web3forms.com/submit" method="POST">​<input type="hidden" name="apikey" value="YOUR_ACCESS_KEY_HERE">​<input type="text" name="name" required><input type="email" name="email" required><textarea name="message" required></textarea><input type="hidden" name="redirect" value="https://web3forms.com/success"><button type="submit">Submit Form</button>​</form>
Advanced Example
<form action="https://api.web3forms.com/submit" method="POST">​<!-- REQUIRED: Your Access key here. Don't worry this can be public --><!-- Create your Access key here: https://web3forms.com/ --><!-- <input type="hidden" name="apikey" value="YOUR_ACCESS_KEY_HERE"> --><input type="hidden" name="apikey" value="YOUR_ACCESS_KEY_HERE">​<!-- Optional: Can be type="hidden" or type="text" for subject --><input type="hidden" name="subject" value="New Submission from Web3Forms">​<!-- Optional: To send the form submission as CC email --><input type="hidden" name="ccemail" value="[email protected]">​<!-- Optional: default replyto will be "email" (if available),you may overwrite here --><input type="hidden" name="replyto" value="[email protected]">​<!-- Required: if submitting without Javascript(because by default web3form outputs json) -->​<!-- If javascript, use "window.location.hash" for redirects --><input type="hidden" name="redirect" value="https://web3forms.com/success">​<!-- Optional: But Recommended: To Prevent SPAM Submission.Make sure its hidden by default --><input type="checkbox" name="botcheck" id="" style="display: none;">​<!-- Google reCaptcha v3: To Prevent SPAM Submission.PRO Plan only --><input type="hidden" name="recaptcha_response" id="recaptchaResponse">​<!-- Custom Form Data:Then you can include your own form data you wish to receive in email. --><input type="email" name="email" required><input type="text" name="First Name" required><input type="text" name="Phone Number" required><textarea name="message" cols="30" rows="10" required></textarea>​<button type="submit">Submit Form</button>​</form>
Add your access key to start receiving email submissions.
<input type="hidden" name="apikey" value="YOUR_ACCESS_KEY_HERE">
That's it. Run your code on a browser and it should work. This is a simple starting example. However you can customize it with unlimited possibilities. Checkout other pages to know more.