One-page website
Edit your page yourself, for free
Change your words, prices or phone number whenever you like with Phoenix Code, a free editor. You see your page next to its code, click the bit you want to change, and type.
Before you start
This guide is for pages you host yourself, because you need the website folder on your computer. If I host your page, just tell me what to change.
- Your website folder. The folder I sent you. If it came as a zip file, unzip it first.
- A copy of that folder. Keep the original somewhere safe, so you can always go back to it.
- A computer. Phoenix Code runs on Windows, Mac, Linux and Chromebook.
Step by step
Changing your page
Step 1: Install Phoenix Code
Go to phcode.dev, download the version for your computer and install it like any other app.
The free version, called Community Edition, has everything you need. It also offers a free trial of Phoenix Pro, which you can ignore.
Step 2: Open your website folder
In Phoenix Code, choose File, then Open Folder, and pick your website folder.
Your files appear in the list on the left. Click index.html to open your page.
Step 3: Turn on Live Preview
Click the lightning bolt at the top of the toolbar on the right. Your page appears next to its code, and updates as you type.
In the dropdown next to the pen icon, choose Highlight Mode. Now when you click something on your page, Phoenix Code jumps to it in the code.
Step 4: Click what you want to change, and type
Click the words on your page, then change them in the code. Only change the words between the tags, and leave anything inside < and > as it is.
<h1>Hot water fixed today</h1> <p>Blocked drains from $149</p>Here you would change Hot water fixed today or $149, and nothing else.
Step 5: Changing your phone number
Your number appears in a few places, written two ways: once for people to read, and once for the tap to call link.
<a href="tel:0491570156">0491 570 156</a>Use Find and replace (below) for each way of writing it, so you don’t miss one. The number after tel: has no spaces.
Step 6: Save, then put it online
Save with File, then Save All. Your changes are now in the folder on your computer, but not online yet.
Upload the folder again the same way you did the first time: a new deployment on Cloudflare or another deploy on Firebase.
Handy shortcuts
| To | Windows | Mac |
|---|---|---|
| Save | Ctrl + S | Cmd + S |
| Find on this page | Ctrl + F | Cmd + F |
| Find and replace | Ctrl + H | Cmd + Option + F |
| Live Preview on or off | Ctrl + Alt + L | Cmd + Option + L |
Best left to me
- New photos. Each photo is saved in several sizes so your page loads fast on phones, so swapping one is fiddly. Send it to me instead.
- New sections or layout changes. Moving things around can break the page on phones.
- Asking me for changes after you’ve edited it. Send me your updated folder first, so I build on your version and nothing you changed is lost.
Changes are free for 30 days after you pay. After that, I’ll tell you straight what a change would cost before I make it.
Where this comes from
The steps and menu names on this page come from Phoenix Code’s own site and documentation, checked on 20 October 2026. If something looks different, these are the pages to check.
Don’t have a page yet?
See your first draft before you pay anything.