THE RESULT YOU'RE WORKING TOWARD
Done means it works.
All three services are readable, the contact button reaches its intended destination, and mobile content does not overlap.
Practice project: Harbor Home Care01 / 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.
- 01
Step 1
Replace the main heading with Practical home care, planned around you. Under it, add Routine cleaning, seasonal deep cleans and move-out support. Use Edit Text on the selected text element.
- 02
Step 2
Create three service items named Routine clean, Deep clean and Move-out clean. Give each a short scope description; remove unsupported price or availability claims.
- 03
Step 3
Add a button labelled Ask about a clean. In its link settings choose your Contact page or contact section, then confirm the destination and save.
- 04
Step 4
Switch to mobile. Stack the services, shorten overlong lines and move overlapping elements. Preview both views and click the contact button.
Shows the location of the mobile-view control discussed in the exercise. The publisher's example is not the Harbor project.
Source: Wix Help Center. Interface excerpt; rights remain with the publisher.
Orient yourself in the Editor. This is the publisher's example, so its page content differs from Harbor.
Source: Wix Help Center. Interface excerpt; rights remain with the publisher.
04 / GET UNSTUCK
If something goes wrong.
Start with the likely cause
If the button appears inactive in the editor, test in Preview. If it reaches the wrong place, reselect its destination rather than only changing its label.
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.
All three services are readable, the contact button reaches its intended destination, and mobile content does not overlap.
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.