How to build a website for your South African business with AI

A website is still the first place many South Africans check before they phone, visit or buy. They want to see what you do, where you work, what it costs and how to reach you, and they usually look on a phone. AI tools such as Lovable, Bolt, v0, Cursor and Claude Code can now build a good-looking site in an afternoon. The difference between a site that looks nice and one that brings in work is the planning around it.

This guide walks through that planning, in the order that keeps rework and credits low.

Step 1: decide what the website is for

Before any design, write one sentence: what should a visitor do on your site? For most small businesses it is one of these:

• Ask for a quote or call back (trades, consultants, agencies)
• Book an appointment, a table or a service
• Buy a product online
• Sign up for a waiting list, newsletter or free download
• Visit or phone you (restaurants, shops, clinics)

That one action becomes your main call to action. It belongs on every page, in the header and at the end of every section. Everything else on the site supports it.

Step 2: plan the pages and what goes on each

Keep the first version small. A typical service business needs five pages:

1. Home: what you do, for whom, where; why choose you; a few reviews; the call to action.
2. Services: each service with a short description, and a starting price in rand if you can share one.
3. About: your story, your team, years of experience, areas you serve.
4. Work or Gallery: real photos of real jobs, which build far more trust than stock photos.
5. Contact: a form, your phone number, a WhatsApp button, a map, your hours.

A launch or a single product often works better as one long landing page with sections instead: the promise, who it is for, what they get, proof, pricing, questions and a sign-up.

For each page, list the sections in order and the one thing you want the visitor to do next. That list is what you give the AI tool. It is far more useful than "make me a website for my business".

Step 3: write the words yourself, then let AI polish them

AI writes fluent text, but generic text. Visitors trust specifics: the suburbs you cover, the brands you install, how quickly you respond, a real price range, a named client review. Write the facts in your own words first, then ask the tool to tighten them. Never let it invent reviews, client names, awards or numbers.

Step 4: get the domain right

• Use your own domain, such as yourbusiness.co.za, not a free subdomain from the builder. It looks more professional and you keep it if you change tools.
• .co.za is the usual choice for South African businesses. The .co.za space is administered by the ZA Central Registry, and you register a name through an accredited registrar, which many local hosting companies are.
• Register it in the business's name, with an email address the business controls, so it can't be lost when a staff member or web designer leaves.
• Set up a business email on the same domain (you@yourbusiness.co.za).

Step 5: choose where the site lives

You have two broad routes:

• Publish from the AI builder. Lovable, Bolt and v0 can host the site for you and connect your domain. It is the quickest route and fine for most small sites.
• Host it yourself. If you want the code and data on your own account, for example with a South African host on cPanel, export the code (or build it with Cursor or Claude Code) and deploy it there. This gives you more control and keeps hosting in rand.

Either way, make sure you can export your code and that any form submissions are stored in a database account you own, such as Supabase or MySQL.

Step 6: make the forms work properly

Your forms are where the website earns its keep. For each one:

• Ask only for what you need: usually name, phone or email, and a message. Every extra field loses people.
• Validate South African phone numbers and email addresses, with friendly messages.
• Show a thank-you message that says what happens next and how soon.
• Send yourself a notification straight away, and the visitor a confirmation.
• Protect the form from spam with a hidden "honeypot" field and a rate limit.
• Add a separate, unticked consent box for marketing messages.

For instant notifications on WhatsApp, see our guide to WhatsApp automation for small businesses.

Step 7: build it for phones and mobile data

Most of your visitors will be on a phone, many on prepaid data. A slow site loses them before they see your offer.

• Design for the phone first, then the desktop.
• Compress images and load them only as the visitor scrolls (lazy loading).
• Keep pages light: avoid autoplaying videos and heavy animations above the fold.
• Make phone numbers tap-to-call and add a WhatsApp chat button.
• Check text contrast and button sizes so the site is easy to use for everyone.

Step 8: set it up for Google

Search engine optimisation (SEO) is mostly getting the basics right:

• One clear title and description per page, using the words customers search for: "plumber in Randburg", "wedding photographer Durban".
• One main heading per page, then subheadings for sections.
• Descriptive alt text on images.
• A sitemap and robots file, and submit the sitemap in Google Search Console.
• A free Google Business Profile with the same name, address, phone number and hours as your website. For local businesses, this is often what brings the most calls.
• Ask happy clients for Google reviews.

Step 9: the legal basics

• POPIA. If your forms collect names, phone numbers or emails, POPIA applies. Add a privacy policy page explaining what you collect, why, how long you keep it and how people can ask for it to be corrected or deleted, and get consent for marketing. Our POPIA checklist for vibe-coded apps covers the rest.
• Selling online? The Electronic Communications and Transactions Act (section 43) requires websites that sell goods or services to show certain information, including your full business name and legal status, physical address, contact details, registration number, prices, delivery and returns terms, and your security and privacy policies. Check the full list with your adviser.
• Cookies and analytics. If you use analytics or advertising tags, say so in your privacy policy.

This is practical guidance, not legal advice.

Step 10: build it in phases

With the plan written, build in this order in your AI tool, checking each phase on a phone before the next:

1. Foundation and design: header, navigation, footer, colours, fonts, empty page shells.
2. Pages: the content of each page, a few at a time, using your own words.
3. Forms: saving submissions, notifications, thank-you messages, consent.
4. SEO, speed and launch: titles, descriptions, images, sitemap, privacy page, 404 page.

Building in phases, with exact page names and sections in every prompt, avoids the rebuilds that burn credits. See how to stop burning credits.

Before you go live

• Every page checked on a phone and on a slow connection
• Every form tested end to end, including the notification
• Phone number, WhatsApp and email links all work
• Each page has its own title and description
• Privacy policy linked in the footer
• Domain connected, with HTTPS
• Sitemap submitted in Google Search Console
• Google Business Profile matches the website

After launch

A website isn't finished at launch. Once a month, check that the forms still arrive, update prices and photos, add new reviews and work, and look at which pages bring in enquiries. Small, regular updates do more for your visibility than a full redesign every few years.