How To Build A Custom Contact Form On Wix

To build a custom contact form on Wix, open the Wix Editor, click the '+' icon, select 'Contact & Forms,' pick a template, then add your fields, enable CAPTCHA, and configure email notifications. The whole process takes under 15 minutes and requires zero coding.

A Wix contact form gives visitors a structured, professional way to reach you without exposing your email address to spam bots. This guide covers the full Wix forms tutorial from start to finish -- choosing a template, customizing field types like dropdowns and file uploads, setting up submission handling, preventing spam, and designing a form that actually gets filled out.

Step-by-Step Guide: How to Build a Custom Contact Form on Wix

Building a custom contact form on Wix is straightforward using the built-in Wix Forms tool. The steps below cover the full process -- from inserting the form onto your page to configuring notifications and going live.

Step 1: Click '+' and Select 'Contact & Forms'

Open your Wix Editor and click the '+' icon on the left-hand panel to open the Add Elements menu. Select 'Contact & Forms' from the list to access the Wix form builder. This section contains all available form types and templates ready to drop onto your page.

Step 2: Select Your Preferred Form Template

Wix offers form templates for different purposes -- contact forms, feedback forms, quote request forms, subscription sign-ups, and order forms. Choose a template that fits your goal, or select 'Create New Form' to start from a blank canvas. You can also choose 'Add Existing Form' if you've already created one elsewhere on your site.

For a basic contact form, the default "Contact Us" template works well. It comes pre-loaded with name, email, phone, and message fields that you can modify in the next step.

Step 3: Add and Customise Your Form Fields

Click on the form to open the Form Settings panel, then add or remove fields to match the information you need to collect. The Wix form builder supports these field types:

• Short text -- for names, subjects, or short answers
• Long text -- for messages or detailed enquiries
• Email -- with built-in format validation that rejects invalid addresses
• Phone number -- includes country code selection and number formatting
• Dropdown menus -- great for categorising enquiry types (e.g., "Sales," "Support," "Billing")
• Checkboxes -- for multi-choice options like selecting services or interests
• Radio buttons -- for single-choice questions where only one answer applies
• File upload -- let visitors attach documents, images, or PDFs (up to 25 MB per file)
• Date picker -- ideal for booking or appointment request forms
• Time picker -- pair with date picker for scheduling-specific forms
• Rating -- useful for feedback and satisfaction survey forms
• Signature -- collect e-signatures for agreements or consent forms

Keep your form concise. Ask only for what you genuinely need -- forms with 3-5 fields consistently get higher completion rates than those with 7 or more. You can always use conditional logic (covered below) to show additional fields only when they're relevant.

Step 4: Set Required Fields and Validation

For each field, decide whether it should be required or optional. Click a field, open its settings, and toggle the 'Required Field' switch. Mark essential fields like name and email as required, and leave others optional to reduce friction.

Wix automatically validates email and phone fields to check formatting, but you can add custom validation rules for text fields too. For example, set a minimum character count on a message field to prevent blank or single-word submissions.

Step 5: Enable CAPTCHA and Spam Protection

Spam submissions are a common problem with any public-facing form. To protect your Wix contact form from bots and automated spam, you have two layers of defence:

CAPTCHA verification:

1. In the Form Settings panel, go to the Submit tab.
2. Toggle on 'Add CAPTCHA' to add an invisible or checkbox CAPTCHA challenge.
3. Invisible CAPTCHA runs in the background and only shows a challenge when it detects suspicious behaviour, so legitimate visitors won't be interrupted.

Built-in spam filtering: Wix includes automatic spam detection that works alongside CAPTCHA. It analyses submission patterns, IP addresses, and form completion speed to flag likely bot submissions. You can review flagged submissions in your Forms dashboard and mark false positives.

Honeypot fields (third-party forms): If you use a third-party form builder like Jotform or 123FormBuilder on your Wix site, look for a honeypot option. Honeypot fields are hidden form fields invisible to real visitors but filled in by bots -- any submission that includes data in the honeypot field gets automatically rejected. This method blocks spam without requiring visitors to solve a CAPTCHA challenge.

Step 6: Set Up Email Notifications and Submission Handling

Configuring how you receive and manage form submissions is critical. The Wix form builder gives you several options:

Email notifications:

1. In the Form Settings panel, click the 'Notifications' tab.
2. Under 'Email Notifications,' enter the email address where you want to receive form submissions. You can add multiple recipient addresses separated by commas.
3. Customise the notification email subject line so you can instantly recognise incoming enquiries (e.g., "New Contact Form Submission - ").
4. Enable an auto-reply email to send an automatic confirmation message to the person who submitted the form. This reassures them their message was received and sets expectations for your response time.

If you want form submissions to go to a different address than your main site email, check our guide on Wix email forwarding for setup instructions.

CRM and automation connections: Connect your form to your CRM system to automatically log contacts, create deals, and assign follow-up tasks. Wix's built-in Ascend CRM captures every submission by default, but you can also connect to third-party CRMs like HubSpot or Salesforce through the Wix App Market.

Automations: Set up Wix Automations to trigger actions when a form is submitted. Common automations include sending a follow-up email after 24 hours, adding the contact to a mailing list, notifying a team member via Slack, or creating a task in your project management tool.

Step 7: Configure a Thank-You Page or Message

After a visitor submits your form, you need to give them clear feedback that their message was sent. Wix lets you choose between two options:

• On-page thank-you message -- a short confirmation message that appears in place of the form after submission. Simple and effective for most sites.
• Redirect to a thank-you page -- send visitors to a dedicated page. This is better for tracking conversions in Google Analytics or ad platforms, as you can fire a page-view event on that URL.

To set this up, go to the 'Submit' tab in Form Settings and select your preferred post-submission action. If you redirect to a page, create a simple, friendly thank-you page that confirms receipt and sets expectations for your response time. For tips on building effective standalone pages, see our guide on how to make a landing page on Wix.

Step 8: Add Conditional Logic (Optional)

For more advanced forms, Wix supports conditional logic -- the ability to show or hide fields based on how a visitor answers previous questions. For example:

• Show a "Project Budget" field only if the visitor selects "New Project" from a dropdown.
• Hide a phone number field unless the visitor checks "Yes, please call me."
• Display a "Company Name" field only when the visitor selects "Business" as their enquiry type.
• Show a file upload field only when the visitor requests a quote and needs to share specifications.

To add conditional logic, click on a field and look for the 'Conditions' option in the field settings. This feature is available on Wix's paid plans and makes your custom contact form on Wix feel tailored to each visitor's needs. For a full breakdown of this and other advanced features, see our guide on how to use Wix Forms.

Step 9: Style Your Form and Publish

Before publishing, customise the visual appearance of your form to match your site's branding. Click the form and select 'Design' to adjust:

• Background colour and border style of form fields
• Button colour, text, and hover effects
• Font family and size for labels and placeholders
• Spacing and layout to ensure the form is mobile-friendly
• Corner radius for rounded or sharp field edges

Once you're happy with the design, click 'Save' in the top right corner of the Wix Editor, then hit 'Publish' to make your form live on your website.

Troubleshooting: Wix Contact Form Not Working

If your Wix contact form is live but not functioning correctly, these are the most common issues and their fixes.

Not Receiving Email Notifications

This is the most frequently reported Wix form problem. Check these in order:

1. Check your spam folder. Wix notification emails are sometimes filtered as spam. Look for emails from [email protected] or your site's domain.
2. Verify the notification email address. Go to Form Settings > Notifications and confirm the email address matches your inbox exactly. A single typo will silently redirect all submissions.
3. Check your Wix Mailbox. Even if email delivery fails, Wix stores all submissions in your Forms dashboard (Site Dashboard > Forms > Submissions). Check there to confirm whether submissions are actually being received.
4. Check your email provider's filters. If you use Google Workspace or Microsoft 365, your domain's email filters may be blocking Wix's sending domain. Ask your IT admin to whitelist mail.wix.com and the Wix sending IP ranges.
5. Test with a different email address. Create a test submission and enter a Gmail or personal email as the recipient temporarily. If you receive it there but not your business email, the issue is with your business email's filters.

Form Not Submitting (Button Doesn't Work)

If clicking the submit button does nothing or shows an error, the form likely has a validation issue or a required field that isn't filled. Test the form yourself by submitting with intentionally blank fields to see which validation errors appear. If the button appears completely unresponsive even with all fields filled, try republishing the site -- sometimes the Wix editor caches a broken state that a fresh publish resolves.

Form Submissions Going to Spam

If visitors are submitting but you're seeing low-quality or bot submissions despite CAPTCHA being enabled, check that CAPTCHA is actually toggled on in the Submit tab of Form Settings (not just installed, but actively enabled). Also review your spam threshold settings in the Forms dashboard -- Wix may have flagged legitimate submissions as spam if they came from a new or unusual IP address.

Form Not Showing on Mobile

If your form is visible on desktop but missing on mobile, check the mobile editor. The form element may have been hidden specifically for mobile. Open the Wix Editor, switch to mobile view, click the area where the form should appear, and check if the element has been set to "Hidden on Mobile." Toggle it back to visible and republish.

Conditional Logic Fields Not Showing or Hiding Correctly

If conditional logic isn't working as expected, verify that you're on a Wix paid plan (conditional logic is not available on the free plan). Also check that each condition references the correct field name and value exactly as it appears in the form settings -- a mismatch in case or spelling prevents the logic from triggering.

How to Build a Multi-Step Contact Form on Wix

If your contact form needs more than 5-6 fields, a single long form can feel overwhelming and drive visitors away. Multi-step forms fix this by breaking the form into smaller, numbered sections that visitors complete one at a time.

To create a multi-step form on Wix:

1. Open the Wix Forms app from your dashboard (not the editor). Go to Wix App Market and install it if you haven't already.
2. Click 'Create New Form' and select 'Multi-Step Form' as the layout type.
3. Add your first group of fields (e.g., name and email) to Step 1.
4. Click 'Add Step' to create Step 2, then add the next set of fields (e.g., enquiry type, budget range).
5. Repeat for additional steps. Most forms work best with 2-3 steps -- more than 4 steps tends to increase drop-off rates.
6. Add a progress indicator so visitors can see how far through the form they are.

Multi-step forms work especially well for quote request forms, project intake forms, and any form that collects detailed information. They typically see 15-20% higher completion rates compared to single-page forms of the same length, because each step feels quick and manageable.

Form Analytics: How to Track Contact Form Performance

Building the form is only half the job. Tracking how it performs tells you whether it's actually working and where visitors drop off.

• Wix Forms dashboard: Go to Site Dashboard > Forms > Submissions to see a complete list of all submissions, their status, and the data submitted. You can filter by form, date range, and submission status (new, viewed, archived). This dashboard is your first stop for verifying that submissions are being received even when email notifications fail.
• Conversion tracking with Google Analytics 4: To track form submissions as conversions in GA4, use the "Redirect to thank-you page" option after submission and add the thank-you page URL as a conversion event in GA4. This lets you connect form submissions to traffic sources and see which marketing channels drive the most enquiries.
• Google Tag Manager: For more precise tracking without requiring a dedicated thank-you page, use Google Tag Manager to fire a GA4 event when the Wix form submit button is clicked. This requires a GTM container connected to your Wix site (available via the Wix Marketing Integrations settings).
• Wix Analytics: Wix's built-in analytics shows page views and visitor behavior, but it doesn't natively track individual form submissions as separate events. Use the GA4 or GTM approach above for proper conversion tracking.

At minimum, check your Wix Forms submission dashboard weekly. If you notice a sudden drop in submissions from a page that previously received them, something has broken -- likely the email notification, a form validation error, or a publish issue.

Accessibility Checklist for Wix Contact Forms

An accessible contact form works for visitors using screen readers, keyboard navigation, and assistive technology. Wix's built-in form builder handles some of this automatically, but there are things you need to verify manually.

• Label every field visibly. Wix adds hidden labels to form fields for screen readers, but using placeholder text as the only label (text that disappears when someone starts typing) creates problems for screen reader users and anyone who forgets what a field was asking. Always add a visible label above or beside each field.
• Mark required fields clearly. Don't rely only on the asterisk (*) symbol to indicate required fields -- screen readers may not convey this adequately. Add "(required)" in the field label text for essential fields.
• Make error messages specific. If validation fails on submission, the error message should tell the user exactly what's wrong ("Please enter a valid email address") rather than a generic "Form error." Wix's default validation messages are reasonably specific, but review them to make sure.
• Check keyboard navigation order. Tab through your form fields in the published version to confirm the focus moves in a logical order (top to bottom, left to right). If fields are out of order, adjust their layout in the editor.
• Ensure the submit button is keyboard-accessible. Press Tab to reach the submit button and Enter to trigger it. This should work by default in Wix forms, but test it to confirm after any styling changes.
• Avoid color-only field validation indicators. If a field turns red on error, also add a text error message. Some visitors are colorblind and won't recognize the color change alone as an error signal.

Wix Forms vs Third-Party Form Builders

Wix's built-in form builder handles most contact form needs, but third-party form builders offer features that Wix doesn't include natively. Here's how the main options compare:

Wix Forms (built-in):

• Free with all Wix plans (up to 4 forms on the free plan, unlimited on paid plans)
• Directly integrated with Wix CRM, automations, and the submissions dashboard
• Supports conditional logic, multi-step forms, file uploads, and payment collection
• Limited design customization compared to dedicated form tools

Jotform:

• Over 10,000 form templates with a drag-and-drop builder
• Advanced calculation fields, e-signature support, and PDF generation
• Connects to 100+ third-party apps (Slack, Trello, Airtable, Google Sheets)
• Free plan allows 5 forms with 100 monthly submissions; paid plans start around $39/month

Typeform:

• Conversational, one-question-at-a-time format that feels more personal
• Strong completion rates for survey-style and feedback forms
• Limited free plan (10 questions per form, 10 responses/month); paid plans start around $29/month
• Best for forms where you want a more interactive, engaging experience rather than a traditional layout

123FormBuilder:

• Available directly in the Wix App Market for easy installation
• Supports complex workflows with conditional logic and multi-page forms
• Built-in reporting and analytics for form performance
• Free plan includes 5 forms and 100 submissions/month

For most Wix site owners, the built-in Wix Forms app is the best starting point. It's free, fully integrated, and covers standard contact form needs without adding another subscription. Switch to a third-party tool only if you need specific features like PDF generation, advanced calculations, or conversational form layouts. Our full comparison covers this in more detail: best online form builders for Wix.

Contact Form Design Best Practices

A well-designed form gets more submissions. These practical tips apply whether you use Wix's built-in form builder or a third-party tool.

Keep Fields to a Minimum

Every additional field reduces your form's completion rate. Aim for 3-5 fields on a standard contact form. If you need more information, use conditional logic to show extra fields only when relevant, or collect additional details in a follow-up email after the initial contact.

Design for Mobile First

Over 60% of web traffic comes from mobile devices, and forms that aren't mobile-friendly lose submissions. In the Wix Editor, switch to mobile view and check that your form fields stack vertically, buttons are large enough to tap (at least 44px tall), and there's enough spacing between fields to prevent accidental taps on the wrong one.

Place the Form Above the Fold

If the contact form is the primary purpose of the page, position it so visitors can see it without scrolling. On pages where the form supports other content (like a services page), place it immediately after the section that explains what you offer -- while the visitor's interest is highest.

Write Clear, Action-Oriented Button Text

Replace generic "Submit" text with something specific to the action. "Send Message," "Get a Quote," or "Request a Callback" tells visitors exactly what happens when they click. Specific button text can increase form submissions by 10-15% compared to a generic "Submit" button.

Use Placeholder Text Carefully

Placeholder text inside fields (like "Enter your name") disappears when someone starts typing, which can confuse visitors who forget what information the field was asking for. Always use visible labels above or beside fields, and treat placeholders as optional hints, not as the only label.

Add a Privacy Note

A short line below the submit button like "We'll only use your information to respond to your enquiry" builds trust and can increase form completions, especially for visitors who are cautious about sharing their email address.

Common Contact Form Mistakes to Avoid

Even well-intentioned contact forms can lose submissions if you fall into these traps.

• Asking for information you don't actually need. If you never call prospects, don't ask for a phone number. Every unnecessary field adds friction and signals that you value your convenience over the visitor's time.
• Not testing your form before publishing. Always submit a test entry yourself after every change to confirm the form works, notifications arrive, and the thank-you message appears correctly. A broken form can silently lose leads for days before you notice.
• Using a generic subject line in notifications. An email notification with the subject "Wix Form Submission" tells you nothing at a glance. Customize the subject to include the enquiry type or the submitter's name so you can prioritize responses.
• Forgetting the auto-reply email. Visitors expect immediate confirmation when they submit a form. Without an auto-reply, they may submit again (creating duplicates) or assume the form is broken. Set up a simple confirmation email that sets response time expectations.
• Leaving CAPTCHA disabled. A contact form without spam protection will attract bots within days of going live. Enable Wix's invisible CAPTCHA -- it adds zero friction for real visitors but blocks the majority of automated submissions.
• Not reviewing the spam folder in your Forms dashboard. Wix may flag legitimate submissions as spam. Check the spam section of your Forms dashboard monthly and mark false positives so the system learns over time.

Benefits of a Contact Form on Your Wix Site

A Wix contact form is more than a convenience feature -- it's a foundational tool for running a professional website. Here are the key reasons to add one to your site:

Reduce Spam Emails

Publishing your email address directly on a webpage exposes it to scrapers and spam bots. A contact form keeps your email hidden while still allowing visitors to reach you. Combined with CAPTCHA and Wix's built-in spam filtering, you'll receive far fewer unwanted messages and can focus on genuine enquiries.

Capture Leads Automatically

Every form submission is a potential lead. Wix stores all submissions in your dashboard, and you can connect your form to a CRM system to automatically log contact details and follow-up tasks. This turns your contact form into a passive lead generation tool that works around the clock.

Invite Professional Opportunities

A well-placed contact form signals that you're open for business and easy to reach. It lowers the barrier for potential clients, partners, or collaborators to get in touch, which can directly translate into new projects and professional relationships.

Simplified, Organised Communication

A contact form ensures every enquiry arrives in a consistent format with all the information you need upfront -- no chasing for missing details. Combined with email notifications and a CRM integration, it creates an organised communication workflow that saves you time every week.