Step 1
Create your project & forms
Sign up for Formcore and create a new project for your business. Add two forms: a Contact form and a Quote Request form.
Contact
General inquiries
Quote Request
Service pricing
Step 2
Build your landing page forms
Add two forms to your landing page HTML. Each one points to a different Formcore endpoint.
<!-- Contact Form -->
<form id="contact-form">
<input name="name" placeholder="Your name" required />
<input name="email" type="email" placeholder="Email" required />
<textarea name="message" placeholder="How can we help?"></textarea>
<button type="submit">Send Message</button>
</form>
<!-- Quote Request Form -->
<form id="quote-form">
<input name="company" placeholder="Company name" required />
<input name="email" type="email" placeholder="Email" required />
<select name="service">
<option value="web-design">Web Design</option>
<option value="branding">Branding</option>
<option value="seo">SEO</option>
</select>
<button type="submit">Get a Quote</button>
</form>
Step 3
Submit with JavaScript
A small script handles both forms. Swap the endpoint ID to route submissions to the right place.
function submitForm(formEl, formcoreId) {
formEl.addEventListener("submit", async (e) => {
e.preventDefault();
const data = Object.fromEntries(new FormData(formEl));
const res = await fetch(
`https://formcore.dev/f/${formcoreId}`,
{
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(data),
}
);
if (res.ok) formEl.reset();
});
}
submitForm(document.getElementById("contact-form"), "fc_abc123");
submitForm(document.getElementById("quote-form"), "fc_def456");
Step 4
Configure actions & go live
In the Formcore dashboard, set up what happens when each form gets a submission.
Contact Form
Quote Request Form