Platform Guides

Add a FormBlade form to any website. Pick your platform for step-by-step instructions.

How it works

FormBlade forms are standard HTML. There are two ways to add them to any website:

• HTML snippet — paste the form code into your page. You control the styling.
• Iframe embed — embed your hosted form URL. Uses the theme from the Form Designer.

Both send submissions to the same form link. The HTML snippet gives you full design control, while the iframe works on platforms that restrict custom code.

Universal iframe embed

This works on every platform that supports embedding external content:

<iframe
  src="https://formblade.com/f/contact"
  width="100%" height="500" frameborder="0"
  style="border:none;max-width:600px"
></iframe>

Replace /f/contact with your own form link from the dashboard.

AJAX submission

Submit without a page reload using JavaScript. Works on any platform:

const form = document.querySelector('form');

form.addEventListener('submit', async (e) => {
  e.preventDefault();
  const res = await fetch(form.action, {
    method: 'POST',
    body: new FormData(form),
  });
  if (res.ok) {
    form.innerHTML = '<p>Thank you!</p>';
  }
});

Not listed here?

If your platform lets you add custom HTML, it works with FormBlade. Follow the HTML / Static site guide — the steps are the same.