CubeSites Help
The editor

The editor

Change text and images

Type over text where it sits, change images from the library, and keep every image described.

  • 3 minute read
  • 3 interactive walkthroughs
  • For everyone editing a page

Edit text where it sits#

Click a heading, paragraph or button label and type over it. The text you see is the text that publishes, so there is no second copy to keep in step. Fields with longer content, such as a page introduction, open in the inspector instead.

Lists, such as the reasons to choose you, are edited item by item: add an item, change its wording, drag to reorder. Each item keeps its own class or style, so the look stays as designed.

Website editor
Back to the websiteYour CompanyDraftPreviewPublish
AddNavigatorDesign
Your CompanyServicesAboutContact
Hero
Your CompanyHeating and plumbing you can rely onGet a quote
Boilers
Repairs
Call-outs
ContentDesignSimpleAll options
HeadingHeating and plumbing you can rely on
ButtonGet a quoteWhere the button leads.
Duplicate

Step 1 of 3

Click the words

Type over a heading, a paragraph or a button label. There is no separate save: the text is saved as you go.

Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.

  1. 1Click the text and type.
  2. 2Use Escape or click away to finish.
  3. 3For lists, add items from the inspector and drag them into order.

Choose images#

An image field opens the image dialog: pick from the media library, or upload new files by dropping them in. JPEG, PNG, GIF, WebP and SVG are accepted, up to 10 MB each.

Generated images sit on the same dialog under Generate, described in a sentence and produced as a starting point. Everything is stored in the workspace media library, so the same photo can be used in several places without uploading it again.

Website editor
Your CompanyServicesAboutContact
Your CompanyHeating and plumbing you can rely onGet a quote
Boilers
Repairs
Call-outs
ContentDesignSimpleAll options
HeadingHeating and plumbing you can rely on
ImageChoose an image
Reasons to choose usLocal engineersFixed pricesGuaranteed work
Add itemAI
Duplicate

Step 1 of 4

The image field

Every picture on the page has a field like this one. Choose opens the image dialog.

Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.

Good to know: Upload once, use everywhere. Replacing an image in the library is not automatic on pages already using it, so change the page image where you see it.

Describe images for screen readers#

Every image has a description field, read aloud by screen readers and shown if the image fails to load. Write what the image shows in a few words: "Engineer fitting a new boiler", not "image1".

This is also the text search engines and AI assistants use to understand the picture. One sentence, no keyword lists.

Choose an image

From the library, or generate one to use as a starting point.

LibraryGenerate
Describe the image you need, then choose Generate.
Drop images here. JPEG, PNG, GIF, WebP or SVG, up to 10 MB.
Describe the image for screen readersEngineer fitting a new boiler
CancelUse this image

Step 1 of 2

One honest sentence

"Engineer fitting a new boiler" tells a screen reader what the picture shows. "image1" tells them nothing.

Reduced motion is on, so the walkthrough waits for you. Use the arrows or pick a step.

  • Text describes what is visible
  • No file names like IMG_2043
  • Decorative images described as decoration

Common questions

Can I paste text from Word or Google Docs?

Yes, and ordinary formatting is kept where it makes sense. Very messy formatting is stripped so the page keeps its own style.

What sizes should images be?

At least as wide as the space they fill, commonly 1600 to 2000 pixels wide. Larger files still work, but they are only slowed down by being large.

Something here out of date, or a step that did not match what you see? Tell us and we will correct the guide. Never send a password or an API token.