<h1>Contact Form</h1>
<form id="contact_form" name="contact_form" method="post" >
<div class="mb-3">
<label for="email_addr">Email address</label>
<input type="email" required maxlength="50" class="form-control"
id="email_addr" name="email" placeholder="name@example.com">
</div>
<div class="mb-3">
<label for="name_input">Name</label>
<input type="text" required maxlength="50" class="form-control"
id="name_input" name="name" placeholder="Name">
</div>
<div class="mb-3">
<label for="phone_input">Phone</label>
<input type="tel" required maxlength="50" class="form-control"
id="phone_input" name="Phone" placeholder="Phone">
</div>
<div class="mb-3">
<label for="message">Message</label>
<textarea class="form-control" id="message" name="message" rows="3"></textarea>
</div>
<div class="my-4">
<div class="g-recaptcha" data-sitekey="6LchOyEUAAAAAPo9l0WmIgFkGu5D6Gyq-MjsIHS1"></div>
</div>
<button type="submit" class="btn btn-primary px-4">Send</button>
</form>
To seamlessly integrate the form code from ReusableForms.com into your web page, follow these simple steps:
The form code provided above is for the client side only. To fully benefit from the form's features, you'll need a back-end form processor. Ratufa is one such service, and integrating with it is straightforward. Watch the video demo for a step-by-step example.
To receive email notifications upon form submissions, store submission records, and search through them later, you'll need a back-end processor. Here's how to set one up: