How to edit an HTML website template without coding experience

Updated October 27, 2026 · For small business owners doing it themselves

An HTML template is a folder of plain files that make up a finished website. You don't need to know how to code to make it yours: most of the work is replacing sample words, photos and contact details. This guide walks through it in the order we'd do it, with free tools only.

The short answer

Install a free code editor, open the template folder, and use find and replace across all files for your name, phone, email and town. Then rewrite the sample text, swap in your photos, set up the form and check every page on a phone. Plan an afternoon for a typical small business site, plus time to write about your services.

1. Get a free text editor

Any plain text editor works, but a code editor makes the job easier because it colours the text, finds and replaces across every file at once, and catches a missing bracket. VS Code is free on Windows, Mac and Linux. Avoid word processors such as Word or Pages: they add hidden formatting that breaks web pages.

2. Unzip the template and keep a clean copy

Unzip the download, then copy the whole folder and name the copy something like original. If an edit goes wrong you can open the same file in the clean copy and paste the old lines back. Open the working folder in your editor (in VS Code, File, then Open Folder).

3. See the site on your own computer

Double-click index.html and it opens in your web browser. Keep that tab open. After each change, save the file in the editor and refresh the browser tab to see the result. Nothing is online yet, so you can't break anything for customers.

4. Learn the one rule of HTML

Web pages are text with labels around it. <h1>Your heading</h1> is a heading and <p>A sentence.</p> is a paragraph. Change the words between the labels and leave the labels alone. That covers most of what a business owner needs to edit.

5. Replace names and details everywhere at once

Your business name, phone number, email, town and street appear on every page. Use find and replace across all files (in VS Code, Edit, then Replace in Files) rather than editing each page. A good template's README lists every placeholder to replace. Check each match before replacing it if a word could also appear in normal text.

6. Rewrite the words page by page

Go through the home page, then services, about, contact, FAQ and recent work. Replace the sample text with how you'd describe your own work to a customer on the phone. Delete anything that isn't true for you, such as sample reviews, years in business or warranty terms. Only publish claims you can back up.

7. Swap in your own photos

Save your photos in the template's image folder, about 1,600 pixels wide for large images and 1,200 for cards, and under 300 KB each so pages stay fast on phones. Change the file name in the matching <img src="..."> line, and update the alt text to describe the photo, such as "finished kitchen renovation in Kelowna".

8. Change the colours and logo

Most templates keep their colours as variables near the top of the stylesheet (a file ending in .css), named something like --brand and --accent. Change the colour codes there and every page updates. Check that white text on your button colour is still easy to read. Replace the small logo or icon file with your own, keeping the same file name.

9. Set up the contact form

A form needs somewhere to send messages. Some free hosts handle forms themselves, and services such as Formspree give you a web address to paste into the form's action setting. Send yourself a test message before you go live, and check your spam folder.

10. Update the titles and descriptions

Each page has a <title> and a meta description near the top. These are what people see in search results, so mention your service and town, and give every page its own. Also replace the template's sample web address wherever it appears, including the sitemap file.

11. Check it on a phone before it goes live

Open the site on your phone once it's online, or use your browser's phone preview. Tap the menu, the phone number and the form. Look for text that runs off the edge or buttons that are hard to tap. Most customers will see your site on a phone first.

12. Know when to ask for help

If something looks broken after an edit, compare the file with your clean copy, as a missing closing label such as </div> is the usual cause. If you'd rather not edit at all, a local web designer can set up a template for you in far less time than building from scratch, and you still own the files.

What you don't need

You don't need to learn programming, buy software or install anything beyond a text editor. You don't need a monthly plan either: a plain HTML site can go online on a free host, and your own domain is the main yearly cost. How to put an HTML website online for free covers that step.

Next steps

Before you publish, go through the small business website checklist. If you're still picking a template, see how to choose a small business website template, and for what each page should say, what pages a small business website needs. All guides are on the free guides page.