How to Add a Form to Wix

Wix has its own form tools, but they can fall short when you need custom fields, real-time analytics, multi-step flows, or integrations that push responses to the apps your team already uses. The simplest solution is to build the form with a dedicated tool and drop it into Wix with an embed element. This guide shows you how to add a form to Wix using FormMaker, a 100% free online form builder, so you get more control without leaving the Wix Editor.

Why Use an External Form on Wix?

Wix forms work for the basics, but an external builder adds real advantages:

• Unlimited fields and responses for free.
• Real-time analytics to see starts versus completions.
• Multi-step wizard forms for longer surveys and applications.
• Integrations with Google Sheets, Slack, Zapier, plus API and webhooks.
• Portability. The same form works on Wix, in an email, or as a shareable link.

FormMaker gives every form an embed snippet that fits neatly into a Wix Embed HTML element, plus a standalone link if you prefer to send visitors off-site.

Step-by-Step: Add a Form to Wix

Step 1: Build Your Form in FormMaker

Start by creating the form:

1. Sign up for a free FormMaker account and create a new form.
2. Use the drag-and-drop builder to add your fields, such as name, email, and a message or question.
3. Click each field to set its label, placeholder text, and whether it is required.
4. Add a form title and set your submit button text.

Keep the form short so more people finish it.

Step 2: Customize and Publish

Open your form settings and add a confirmation message that appears after submission. If you want responses to flow somewhere automatically, connect an integration like Google Sheets, Slack, or Zapier. When the form is ready, click publish.

Step 3: Copy the Embed Snippet

Open your published form and find the embed option. FormMaker provides an embed snippet, a small block of iframe/embed code. Copy the entire snippet.

Step 4: Add an Embed Element in Wix

Now open the Wix Editor:

1. Go to the page where you want the form.
2. Click Add Elements (the plus button), then choose Embed Code.
3. Select Embed HTML (sometimes labeled "Custom Embeds" or an HTML iframe element).
4. Click Enter Code and paste your FormMaker embed snippet.
5. Apply the change, then drag and resize the element so the whole form is visible.

If you use Wix Editor's newer experience or Wix Studio, the equivalent is an Embed / Custom Element where you paste the HTML.

Step 5: Preview, Publish, and Test

Click Preview to see the form in place, then resize the embed box if any part of the form is cut off. When it looks right, click Publish in Wix. Submit a test entry to confirm responses arrive in your FormMaker dashboard, and check the page on mobile.

That is the whole process. Your Wix page now hosts a fully featured form.

Build your form free with FormMaker and add it to Wix in minutes.

Prefer a Link? Use a Wix Button

If you would rather not embed, share the standalone link instead:

1. Copy your form's shareable link from FormMaker.
2. In the Wix Editor, add or select a Button.
3. Set the button's link to your form URL and choose to open it in a new tab if you like.

Visitors then click through to a clean hosted form page, which is ideal for calls to action and navigation.

Tips for a Clean Wix Form

• Size the embed box carefully. Wix embed elements have fixed dimensions, so drag the box tall and wide enough to fit the full form without inner scrollbars.
• Add context above the form. A short heading explaining the form improves completion.
• Keep fields minimal. Fewer fields usually means more submissions.
• Use a multi-step form for longer content. FormMaker's multi-step wizard splits questions across screens, which helps in a fixed-size embed.
• Watch your analytics. Real-time analytics show where people drop off so you can improve.

Troubleshooting

• Form cut off or scrolling inside a small box? Increase the height and width of the Wix embed element.
• Nothing appears? Make sure you used an Embed HTML / Custom Embed element and pasted the full snippet.
• Changes not live? Remember to click Publish in Wix, not just Preview, and refresh the page.

Frequently Asked Questions

Which Wix element should I use to embed a form?

Use the Embed HTML element (found under Add Elements, then Embed Code). Paste your FormMaker embed snippet there. In Wix Studio, use the equivalent Embed or Custom Element.

Do I need to code to add a form to Wix?

No. Building the form is drag-and-drop, and adding it to Wix is copy-and-paste. You paste the embed snippet into an embed element.

Why is my embedded form scrolling inside a small box?

Wix embed elements have a fixed size. Drag the element larger so the full form fits without an internal scrollbar.

Is FormMaker free to use with Wix?

Yes. FormMaker is free with unlimited forms and responses, so you can add as many forms to your Wix site as you want at no cost.

Wrapping Up

Adding a form to Wix is quick: build it in FormMaker's drag-and-drop builder, publish it, copy the embed snippet, and paste it into a Wix Embed HTML element. Resize the box so the whole form shows, or point a Wix button at the shareable link instead. Either way, you get unlimited fields, real-time analytics, and integrations without leaving Wix.

Get started with FormMaker for free and build your Wix form today.