hform/guides

Add an HTML Form to a Wix Site

Wix has its own form builder, and pasting outside HTML into Wix works differently than on most platforms: Wix runs embedded code inside an iframe — a sealed box on the page. That's fine for a form, with two things to know. Here's the embed route, and a simpler alternative many Wix users end up preferring.

Step 1 — build your form and copy the HTML

Open the free hform builder, add the fields you want, and press Finish. Tell it where messages should go and you get a small block of HTML with the delivery address already filled in — plus a link to the form's own hosted page. No signup to build; you claim your messages by email when you're ready.

<form action="https://hform.com/s/your-form-id" method="POST">
  <label for="name">Name</label>
  <input id="name" name="name" required>

  <label for="email">Email</label>
  <input id="email" name="email" type="email" required>

  <label for="message">Message</label>
  <textarea id="message" name="message" required></textarea>

  <button>Send</button>
</form>

(The real HTML from the builder also includes an invisible honeypot field that catches spam bots, and a small optional stylesheet.)

Step 2 — add an Embed HTML element

In the Wix editor, click Add (+) → Embed code → Embed HTML. Paste the form HTML into the code box and click Update.

Step 3 — resize the element

The embed is an iframe with a fixed size — it doesn't grow to fit. Drag the element tall enough that the whole form, including the Send button, is visible (check on mobile too).

Step 4 — publish and send a test message

Publish the site and submit the form once. When it works, a submission shows your visitor a clean thank-you page (or any page you choose), and the message lands in your email inbox with reply-to set to the sender — answer it like any other email. A copy stays in your hform inbox, downloadable as a spreadsheet.

The simpler alternative: link the form’s own page

Every hform form gets its own hosted page at its own address — fast, mobile-friendly, styled in your colors. Instead of embedding, add a normal Wix button ("Get a quote", "Contact us") that links to that page. No iframe, no resizing, perfect on phones. For quote and booking forms this often feels better than an embed, too.

And to be fair: Wix's own form builder is fine for a simple contact form that stays inside Wix. Reach for hform when you want the messages in a place you own — EU-stored, exportable, with reply-to wired.

A note on personal data

Form submissions are personal data. If EU residents can submit your form, GDPR expects you to say near the form what the data is used for, ask only for what you need, and delete what you no longer use. With hform your messages are stored in the EU (Sweden) with automatic retention limits — and a one-line privacy note under the form ("We use your details only to reply to your message") covers the common small-business case. The full picture, without legalese: GDPR and web forms in plain language.

Quick answers

Why is my embedded form cut off?

Wix embeds live in a fixed-size iframe that doesn’t grow with its content. Drag the embed element taller until the whole form, including the Send button, is visible.

The form doesn’t use my site’s fonts — why?

An iframe is isolated from the page around it, so your site’s styles don’t reach inside. The builder’s included stylesheet keeps the form clean; set its colors in the builder to match your site.

Is there a way without embedding at all?

Yes — every hform form has its own hosted page. Add a normal Wix button linking to it and skip iframes entirely. This is the most reliable route on Wix.

Free — no signup

Build your form now

The hform builder gives you clean, accessible form HTML with delivery wired in — press Finish and paste it into Wix with the steps above. Free plan included; honest pricing if you outgrow it.

More platforms: WordPress · Shopify · Squarespace · Webflow · Static sites — or see all guides.