Custom form
Use this when you want full control over the HTML and CSS (instead of copying the generated HTML snippet), but still want Taildove to handle submissions, redirect, and success messaging.
How it works
You create your own <form> that submits a normal HTML POST to:
https://app.taildove.com/f/TOKEN/submit
Taildove will validate required fields and record the submission. After submit, the browser navigates to Taildove’s response (success message or redirect).
Required fields
emailis always required and must be a valid email address.- Any fields you marked as required in the form builder must be present.
If required fields are missing, Taildove returns the hosted form page with an error message.
Field names (important)
The name="..." attributes must match the Maps to keys defined on your form fields (for example: email, first_name, last_name, phone, or any custom key you created).
Example (minimal)
<form action="https://app.taildove.com/f/TOKEN/submit" method="post">
<!-- Honeypot (optional, recommended) -->
<input
type="text"
name="_hp"
tabindex="-1"
autocomplete="off"
style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;"
/>
<label>Email</label>
<input type="email" name="email" required />
<label>First name</label>
<input type="text" name="first_name" />
<button type="submit">Submit</button>
</form>
Notes
- No JavaScript / AJAX: cross-site
fetch()submissions are not supported (CORS / preflight). Use a normal form POST. - Stay on your site after submit: set your form’s success action to Redirect and use your own thank-you page URL.
- Spam prevention: include the
_hphoneypot field (bots often fill it; humans won’t).