Embed your form in HTML (Astro and static sites)

You can embed your Formware form in any HTML-based website, including static site frameworks like Astro, by using a simple iframe.

This works for:

Static HTML websites
Astro projects
JAMstack sites
Any framework that outputs HTML

Get your form URL

Open your form in Formware.
Go to the Share tab.
Copy your form URL.

Add the iframe to your HTML

Paste the iframe code into your HTML file where you want the form to appear:

<iframe src="YOUR_FORM_URL" loading="lazy" width="100%" height="700" frameborder="0" marginheight="0" marginwidth="0">
</iframe>

Replace YOUR_FORM_URL with your actual form link.

Example in a basic HTML page

<!DOCTYPE html>
<html>
    <head>
        <title>My Form Page</title>
    </head>
    <body>
        <h1>Contact us</h1>

        <iframe src="YOUR_FORM_URL" loading="lazy" width="100%" height="700" frameborder="0"> </iframe>
    </body>
</html>

Example in Astro

In an Astro component or page, you can use the same iframe:

---
const formUrl = "YOUR_FORM_URL";
---

<iframe src="{formUrl}" loading="lazy" width="100%" height="700" frameborder="0"> </iframe>

Customize the embed

You can adjust the iframe to match your layout:

width=“100%” → makes the form responsive
height=“700” → increase for longer forms
loading=“lazy” → improves performance

Test your embedded form

Open your website after deploying.
Verify the form loads correctly.
Submit a test response.

All responses — including partial and complete submissions — will appear in the Results tab in your Formware dashboard.