Add forms to Wix

Embed a form using Wix's HTML widget — no coding experience needed.

Method 1: Embed HTML widget (Code mode)

The Wix Editor lets you add custom HTML to any page using the Embed HTML widget. This is the recommended approach.

1. Open the Wix Editor for your site.
2. Click Add Elements (the + icon) in the left panel.
3. Go to Embed Code → Embed HTML.
4. Drag the widget onto your page where you want the form.
5. In the widget settings, select Code mode.
6. Paste your FormBlade form HTML into the code area.
7. Click Update to preview the form.
8. Publish your site to make the form live.

Here is an example form that works well inside the Wix HTML widget:

<form action="https://formblade.com/f/contact" method="POST"
  style="font-family:-apple-system,sans-serif;max-width:100%;padding:8px">

  <div style="margin-bottom:14px">
    <label style="display:block;font-size:14px;font-weight:600;margin-bottom:4px">Name</label>
    <input type="text" name="name" required
      style="width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px">
  </div>

  <div style="margin-bottom:14px">
    <label style="display:block;font-size:14px;font-weight:600;margin-bottom:4px">Email</label>
    <input type="email" name="email" required
      style="width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px">
  </div>

  <div style="margin-bottom:14px">
    <label style="display:block;font-size:14px;font-weight:600;margin-bottom:4px">Message</label>
    <textarea name="message" rows="4" required
      style="width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:15px;resize:vertical"></textarea>
  </div>

  <button type="submit"
    style="background:#6c47ff;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer">
    Send Message
  </button>
</form>

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

Method 2: URL mode (iframe)

If your form has hosted fields configured in FormBlade, you can embed it even more simply using URL mode.

1. Add an Embed HTML widget as described above.
2. Select Website address mode instead of Code.
3. Paste your hosted form URL: https://formblade.com/f/contact
4. Click Update and resize the widget to fit the form.

Tips

Adjust the widget height

The HTML widget has a fixed height by default. After pasting your form code, drag the bottom edge of the widget to make it tall enough for all fields. If the widget is too short, the form will be cut off or show a scrollbar. A contact form with 3 fields typically needs around 450–500px of height.

No CSS conflicts

Wix renders all embedded HTML inside an iframe automatically. This means your form's inline styles will not conflict with your Wix theme, and Wix's styles will not affect your form. You have full control over how the form looks.

Test on mobile preview

In the Wix Editor, switch to Mobile Editor view to check that the form looks good on small screens. You may need to resize or reposition the HTML widget in the mobile layout separately.

Troubleshooting

Widget is too small or shows a scrollbar

Select the HTML widget and drag its resize handles to make it larger. The widget does not auto-expand to fit its content, so you need to set the size manually. Give it enough height for all form fields plus the submit button.

Form not submitting

Wix's HTML embed uses an iframe, which occasionally restricts form POST requests depending on your browser and Wix plan. If the form does not submit when using Code mode, try switching to URL mode with your hosted FormBlade form URL instead. This is the most reliable approach on Wix since the form loads and submits entirely within the iframe context.