WIX WEBSITES / GUIDED PRACTICE

Build a contact form

Collect a test enquiry with only the information needed to reply.

Written by Ray / SETLYUpdated 1 October 2026

THE RESULT YOU'RE WORKING TOWARD

Done means it works.

Invalid input is rejected; valid input appears once with the correct values. Notification delivery is only passed if it was actually received.

Practice project: Harbor Home Care

01 / GET READY

Before you start.

Platform / editor
Wix Editor, desktop and mobile views
Access & plan
Wix demo account. Preview work can start without a custom domain; domains, bookings and other features depend on the selected plan.
Starting point
Complete the previous lesson or use an equivalent prepared demo project.

Keep a note of the exact account, project and version you use. Work with demo data and record the expected result before making changes. Never place passwords, verification codes or private customer records in your evidence.

02 / LEARN THE TOOL

Open the official walkthrough.

Use the publisher's instructions and available screenshots to locate the current controls. Then return here for the SETLY exercise and its result checks. These links open on the publisher's website.

Source credit belongs to the named publisher. These are external references, not SETLY recordings or a claim of affiliation. Screen names and plan availability can change.

03 / PUT IT INTO PRACTICE

Your task, step by step.

Use one labelled demo record or project so you can find your work again. Finish each action before continuing; if the screen differs, consult the matching official source rather than guessing.

  1. 01

    Step 1

    Add a contact form to Contact. Use Name, Email, Service and Message fields, with a short explanation of what happens after submission.

  2. 02

    Step 2

    Require only the fields necessary for follow-up. Label every field; do not use placeholder text as the only label.

  3. 03

    Step 3

    Set a clear success message and review where submissions are stored and who receives notifications. Use an inbox you control for testing.

  4. 04

    Step 4

    On an approved test site, submit once with a missing required value and once with valid demo data. Inspect the stored submission and any configured notification separately.

04 / GET UNSTUCK

If something goes wrong.

Start with the likely cause

If the screen says success but no email arrives, check stored submissions first, then recipient settings and spam. A success message alone is not proof of delivery.

My screen is different from the guide

Check the product, editor, account role and selected project first. Open the credited official instructions for your version. Record the difference and pause any action whose effect you cannot verify.

The screen looks correct, but the result is missing

Inspect the saved record, published page or execution log that should prove the action. A preview, success message or draft is not always evidence that data was stored or a message was delivered. Retest with one unique demo value.

05 / PROVE THE RESULT

Check it before you call it done.

Invalid input is rejected; valid input appears once with the correct values. Notification delivery is only passed if it was actually received.

Keep useful evidence

Record the test date, project/version, expected result, observed result and a non-sensitive screenshot or record reference. Mark anything you did not test as untested. Your checkmarks do not certify an untested result.

Download the editable verification checklist ↓

Guide status: original written practice exercise with credited external references. SETLY screen recording and independent learner reproduction are not yet complete.

KEEP BUILDING

Next / 06Configure a booking service ↗