UX copy for small business sites: buttons, forms, errors

Quick answer

Good UX copy is the small words that help people act: buttons that say what happens next, form labels that ask one clear question, hints that prevent mistakes, and error messages that explain what went wrong and how to fix it. Write them plainly, test them on a phone, and use the same words for the same action everywhere.

A customer fills in your quote form, presses a button labelled “Submit”, and sees a red message: “Invalid input.” Which field? Invalid how? They try again, get the same message, and leave to call a competitor. Nothing was wrong with your service or your prices. Three words of copy lost the job. UX copy, sometimes called microcopy, is the text on buttons, forms, menus, confirmations and error messages. It is easy to ignore because each piece is tiny, and it matters because every enquiry and sale passes through it. This guide shows how to write it, one element at a time.

Where UX copy lives on a small business site

Step 1: write buttons as actions

A button is a promise about what happens next. “Submit”, “Send” and “Click here” make the visitor work out the result. Start button text with a verb and finish it with the outcome: “Book a survey”, “Get my quote”, “Download the price list”, “Pay £120 now”. Where the action costs money or cannot be undone, say so on the button itself.

Keep button text short enough to fit on one line on a phone, usually two to four words. Use the same wording for the same action across the site. If one page says “Request a quote” and another “Get an estimate”, visitors wonder whether they are different things.

Step 2: make every form label a plain question

• Ask like a person would. “What is your postcode?” works better than “Location information”.
• Keep labels visible. Placeholder text inside a box disappears when people start typing, and they forget what was asked. Put the label above the box.
• Mark the optional fields, not the required ones, if most are required. “Optional” is clearer than a scatter of red asterisks.
• Ask only what you need. Every extra field costs enquiries. If you do not need a company name to quote, do not ask for it.
• Explain sensitive questions. “Phone number (we only call about your quote)” earns trust.

Step 3: use hints to prevent errors

The best error message is the one nobody sees. Short hints under a field stop mistakes before they happen: the format of a date, what counts as a reference number, whether a rough answer is fine. Hints also reduce the anxiety that makes people abandon forms (“What if I get the measurements wrong?”).

Keep hints to one line, and only add them where people genuinely hesitate. A form full of hints is as tiring as a form full of errors.

Step 4: write error messages that help

An error message should say what went wrong and how to put it right, in plain words, next to the field it concerns. The GOV.UK Design System’s guidance on error messages is an excellent model, and Nielsen Norman Group’s error message guidelines cover the same ground for commercial sites.

• Be specific. “Enter an email address in the correct format, like name@example.com” beats “Email error”.
• Do not blame. Avoid “You entered an invalid date”. Say “Enter a date in the future”.
• Keep what they typed. Clearing the whole form after one mistake is the fastest way to lose a customer.
• Do not rely on colour alone. Red borders help, but some visitors cannot see the difference; the words must carry the message. The UK government’s guide to understanding WCAG explains why this matters for accessibility.

Step 5: make confirmations set expectations

After someone sends a form or pays, the confirmation is the moment they decide whether they trust you. “Thank you for your submission” tells them nothing. A good confirmation says that it worked, what happens next and when: “Thanks, your request is with us. We reply to most quotes within one working day, and we have sent a copy to your email.” Only promise response times you actually keep.

Check that the confirmation email arrives too. If your form messages are going missing, our guide to a contact form not working walks through the usual causes.

Step 6: name menus by what customers call things

Internal names leak into menus all the time: “Solutions”, “Offerings”, “Domestic division”. Customers do not search for those. Name pages by the words people use (“Boiler repairs”, “Kitchen fitting”, “Prices”) and keep the menu short. If you are unsure what customers call something, look at the words they use in enquiry emails and phone calls.

Step 7: test it with real people

1. Ask someone who has never seen the site to complete your main form on their phone while you watch silently.
2. Note every hesitation, wrong tap and question they ask.
3. Deliberately make mistakes yourself: leave fields blank, type a phone number with spaces, enter a date in the past. Read every error message that appears.
4. Fix the copy, then test again with someone new.

Where UX copy fits in the bigger picture

Small words make a big difference, but they cannot rescue a form that asks for too much or a page with no clear purpose. Our guide to website accessibility covers the wider rules for forms and labels, and if your shop gets visits but no sales, our guide to an online store with no sales looks at the checkout as a whole.

If you would like the words written for you, our content marketing and blog writing service starts at £199 a month and our website copywriting cost guide explains the alternatives. For forms and pages built properly from the start, a custom WordPress website starts at £499, with forms connected to your inbox. Every Luxbranding price is on our pricing page.