Framework guides
HTML
The baseline integration — no JavaScript involved.
A plain form post works everywhere, including for visitors with JavaScript disabled. After a successful submission the browser is redirected — set a redirect field, or configure one in the form settings, to land visitors on your own thank-you page.
contact.html
<form action="https://submit.formemailapi.com/YOUR_FORM_ID" method="POST">
<input type="text" name="name" required>
<input type="email" name="email" required>
<textarea name="message" required></textarea>
<button type="submit">Send</button>
</form>Sending visitors to your own page
redirect
<input type="hidden" name="redirect" value="https://example.com/thank-you">Submitting without leaving the page
contact.js
const form = document.querySelector("form");
form.addEventListener("submit", async (event) => {
event.preventDefault();
const response = await fetch("https://submit.formemailapi.com/YOUR_FORM_ID", {
method: "POST",
headers: { "Content-Type": "application/json", Accept: "application/json" },
// fromEntries keeps only the last value of a repeated field name, and
// cannot carry files. Post the FormData itself if you need either.
body: JSON.stringify({
...Object.fromEntries(new FormData(form)),
}),
});
const result = await response.json();
if (result.success) form.reset();
// On failure result.message says why — surface it in your own UI.
});