HTML Contact Form
Collect message, and contact details before you reply.
Preview controls
Adjust the view, palette, and styling while the form stays visible.
View
Live preview
The preview updates as you change palettes and settings.
Template overview
What this template is built for
HTML Contact Form gives product, engineering, and support teams a ready-to-edit starting point. It keeps the structure focused, so visitors can send useful context and your team can review each response with less back and forth.
Best for
Product, engineering, and support teams
Flow
Collect context, review the response, then follow up
Starting fields
3 editable fields
Included fields
Name
Email address
Message
Developer implementation
Connect this form to a SmartFormify endpoint
Replace the endpoint placeholder with the form endpoint copied from your SmartFormify account. Never place secret keys or private tokens in browser code.
Request method
POST
Content-Type
application/x-www-form-urlencoded (browser form submission)
Endpoint placeholder
https://submit.smartformify.com/YOUR_FORM_ENDPOINT
html
<form action="https://submit.smartformify.com/YOUR_FORM_ENDPOINT" method="POST">
<label>Name <input name="name" autocomplete="name" required></label>
<label>Email <input name="email" type="email" autocomplete="email" required></label>
<label>Message <textarea name="message" required></textarea></label>
<button type="submit">Send message</button>
</form>Example JSON payload
{
"name": "Ada Lovelace",
"email": "ada@example.com",
"message": "I would like to learn more."
}Success, errors, and spam protection
Treat any 2xx response as success, show a clear confirmation, and reset the form. For other responses, preserve the entered values and show a retry message.
Use SmartFormify spam protection, rate limits, and server-side validation where appropriate. Do not expose secrets in client code.
After testing, view submissions in your SmartFormify response dashboard. Read the documentation or learn how to create an endpoint.
Related templates
More starting points from the same category, with different field sets and follow-up needs.
General Enquiry Form
Capture enquiries with the details needed for a useful first reply.
Sales Contact Form
Collect the right details for sales contact in one clear and useful form.
Franchise Interest Form
Collect the right details for franchise interest in one clear and useful form.
Business Inquiry Form
Collect the right details for business inquiry in one clear and useful form.
Partnership Request Form
Collect the right details for partnership request in one clear and useful form.
Vendor Contact Form
Collect the right details for vendor contact in one clear and useful form.
Start with this template
Customize the questions, publish it, and manage enquiries in one place.