Quick answer
To edit website content without code, log into your site’s editor, find the page, click the text or image you want to change, edit it, preview it on a phone, then publish. WordPress uses the block editor, page builders add their own editors, and platforms like Wix have built-in ones. Headers, footers and menus are usually edited in separate settings.
Plenty of small business owners have a website they are afraid to touch. They know it needs new prices, a fresh photo or an updated opening time, but they worry about breaking something, or they cannot find where the text lives. Modern websites are built so that owners can make these changes themselves. This guide explains how the main visual editors work and gives you a safe routine for making changes.
What a visual editor is
A visual editor lets you change a page by working on something that looks like the page itself, rather than writing code. You click on a heading and retype it, swap an image by uploading a new one, or add a section from a menu of ready-made pieces. Behind the scenes, the editor writes the code for you.
The three you are most likely to meet are:
- The WordPress block editor, built into WordPress, where every paragraph, image, button and heading is a block you can edit, move or add.
- Page builders such as Elementor or Divi, plugins that replace the WordPress editor with their own drag-and-drop interface.
- Website builder editors in Wix, Squarespace and similar platforms, where the editor and the hosting are one product.
The main editors compared
| Editor | Good at | Watch out for |
|---|---|---|
| WordPress block editor | Text, images and simple layouts; no extra licence | Complex layouts need a well-built theme |
| Page builder plugin | Free-form layouts, lots of options | Easy to break layouts; slower pages; lock-in |
| Wix or Squarespace editor | All-in-one, simple to start | Tied to the platform; harder to move later |
| Custom fields or forms | Structured content such as prices, team, hours | Only covers what the developer set up |
The WordPress project’s own block editor documentation is a good starting point if your site runs on WordPress, which, as its about page notes, powers a large share of the web.
Where each part of your site is edited
The most common frustration is not knowing where something lives. Here is where to look on a typical WordPress site:
- Page text and images: Pages, then the page in question.
- Blog posts: Posts.
- Menus: Appearance, then Menus, or the Navigation block in the site editor for block themes.
- Header and footer: the site editor for block themes, or the theme’s Customiser.
- Contact details used in many places: sometimes a settings page the developer created, so one change updates everywhere.
If you cannot find something, ask whoever built the site for a one-page guide. A good build includes one.
How to make a safe edit
- Find the right place. Page content, a template, or a settings screen.
- Check you can undo. WordPress keeps revisions of pages and posts; know where they are before you start.
- Edit in draft. Change text, swap images or update links. For big changes, save a draft rather than publishing immediately.
- Preview on a phone. Most visitors use phones, and layout problems show there first.
- Publish and check the live page. Click the links, test any buttons, and check the page on a second device.
Editing images properly
Images are where most self-edits go wrong. Resize photos before uploading; a photo straight from a phone can be several megabytes and slow the page badly. Keep the same shape as the image you are replacing so the layout does not jump. Add alt text describing the image for people using screen readers; the W3C’s images tutorial explains how to write it well. And only use photos you own or have a licence for.
Writing for the web while you edit
Editing is also a chance to improve the words. Keep paragraphs short, put the important point first, and use headings that say what the section is about. Make link text describe where it goes, such as “see our prices” rather than “click here”. And check every change on the live page: a heading that reads well on a laptop can wrap awkwardly on a phone.
What to leave alone
Some changes are best left to whoever looks after the site: theme or plugin settings you do not recognise, code snippets, anything in the header or footer that affects every page, and layout changes in a page builder if you are not confident. Changing them is not forbidden, but a mistake affects the whole site rather than one page. Our WordPress maintenance guide covers what owners should and should not handle.
A worked example
A café owner in Shrewsbury needed to update her winter opening hours, swap the summer menu photo and add a new page for private hire. The hours lived in a footer block in the site editor, so one change updated every page. The menu photo was replaced on the homepage by selecting the image block and uploading a resized version, keeping the same landscape shape. For the private hire page, she duplicated an existing page that had the right layout, then replaced the text and photos, so she never had to build a layout from scratch. All three jobs took under an hour, without a call to the developer.
When editing is genuinely hard
If simple changes keep breaking the layout, if the editor is slow and confusing, or if you need a developer for every price change, the problem is usually how the site was built, not you. Our post on not being able to update your own website explains the usual causes, and our comparison of themes and page builders covers which set-ups are easier to live with.
Sites built to be edited
Our custom WordPress websites are £499 one-off for up to eight pages, hand-coded without page builders and set up so you can edit text, images and pages yourself, with a written guide to editing and 30 days of support. If you would rather hand updates over entirely, our website management and hosting is £20 a month. All our prices are on the pricing page.
Get the UK Website Project Brief Template (free)
A two-page template for briefing any UK web designer: sitemap, integrations, audience and deliverables. Cuts revision rounds in half.
No spam. UK GDPR compliant. We only use your email to send this resource, unless you tick the box to hear from us.
Frequently asked questions
What is a visual editor on a website? +
A visual editor lets you change a page by working on something that looks like the finished page, rather than writing code. You click on a heading to retype it, drag an image into place or add a new section from a menu. WordPress's block editor, page builders such as Elementor, and the editors in Wix and Squarespace are all visual editors.
Can I break my website by editing it? +
You can break a page's layout, especially with page builders where it is easy to delete a container or drag a column out of place. You are unlikely to break the whole website by editing text and images. Use revisions or a backup before big changes, preview before publishing, and keep layout changes for someone who knows the site.
Why can I not edit some parts of my website? +
Some parts, such as the header, footer and menus, are often set in theme or site settings rather than on each page. Others may be hard-coded into a template by the developer. Ask whoever built the site for a short guide showing where each part is edited, or whether a part was deliberately locked.
Is the WordPress block editor a page builder? +
It works in a similar way, building pages from blocks, but it is part of WordPress itself rather than a separate plugin. That means no extra licence and no lock-in to a third-party builder. Modern block themes also let you edit headers, footers and templates with the same tools, through the site editor.
