Adding an Image to an Item

Attaches a photo to a content item and changes how the whole section displays.

Images can be attached directly to content items.

Step 1: Enter Edit Mode Look at the top right side of your screen, just below your navigation bar. Click on the Pencil Icon. This toggles Edit Mode on.

Step 2: Update your visuals

  1. Identify the image you wish to change.
  2. Click directly on the image.
  3. A dialog will appear giving you two options:

-Upload: Select a new file from your computer or device by clicking on the + icon.

-Select: Browse through the images you have already uploaded to your library. 4. Once selected, the image will update on the page instantly.

Since inline edits to images save automatically, you do not need to look for a save button. Once you are happy with the new look, click the Preview button at the top of the screen to see exactly how your website looks to your visitors.

Content

Create categories, add items, edit copy, attach images and icons, reorder, and delete.

The Content section covers creating categories and content items, editing copy, attaching images and icons, reordering, and deleting.

Icons

Assigns an icon to an item as a visual element in place of a photo.

Icons help visually distinguish items and sections.

Step 1: Enter Edit Mode Look at the top right side of your screen, just below your navigation bar. Click on the Pencil Icon. This toggles Edit Mode on.

Step 2: Update your icons

  1. Identify the icon or the designated icon area.
  2. Open the Picker: Click directly on the icon.
  3. Choose a new symbol: The Icon Picker will open. Scroll through the available icons or use the search bar.
  4. Click on the icon you want. It will immediately replace the old one on your screen.

Since inline edits to icons save automatically, you do not need to look for a save button. Click the Preview button to see exactly how your website looks to your visitors.

Use icons consistently across related content.

Content Items

Adds a new piece of content inside a category, with its own detail page.

Editing

Update the title, tagline, or body of any existing content item.

Each content item contains editable fields. To begin making changes, enter Edit Mode by clicking the Pencil Icon at the top right of your screen (just below the navigation bar).

  1. Direct inline editing You can update visual elements and headings instantly without leaving the page. These changes save automatically.
  • For Text (Title and Tagline): Click on the text and type your changes directly on the screen.
  • For Icons: Click the icon to open the Icon Picker and select a new symbol.
  • For Media (Images): Click the image to upload a new file or select one from your existing library.

To view: Click the Preview button to see your live site with the updated look.

  1. Detailed content editing For the main body or larger sections of text, the system will guide you to a dedicated editor.
  • Click directly on the main content area. You will be redirected to the Content Manager.
  • The specific section you want to change will be highlighted automatically so you do not have to hunt for it.
  • The form also includes Short Content: the one-sentence summary used in your site's structured data. Keep it one complete, standalone sentence.
  • Once you have finished your updates in the Content Manager, click the Save button to apply the changes.

For best results: clear titles, short descriptive taglines, structured body content. Avoid large unbroken paragraphs.

Pro Tip: Not sure if you need to hit save? If you had to leave the page to a new screen to edit, click Save. If you stayed on the same page, the system has already handled it for you.

Media

Upload files to your Media Gallery and reuse them anywhere on your site.

The Media Library stores every file you upload once, so you can reuse it anywhere on your site without uploading it again.

Uploading

Adds files to your Media Gallery so they can be used anywhere on your site.

The Media Library is your central storage hub for every image and file on your site. Once a file is uploaded here, it can be reused across any page or section without uploading again.

  1. Click on Sites in your top navigation bar, then select Media from the drop-down menu.
  2. On the Media page, you will see a rectangular box surrounded by dotted lines.
  3. Choose your files:
  • Drag and Drop: Grab files from your computer and drop them directly into the dotted box.
  • Click the box: This opens your computer's file picker to select your files. 4. You can select one or multiple files at once. Click Upload to add them to your library. 5. Rename (Optional): Once uploaded, you can edit the File Name directly in its text area. If you change a name, you must click Save for the change to stick.

Recommended practices:

  • Use descriptive filenames. Instead of 'IMG_1234.jpg', use 'Blue-Container-Lab.jpg'.
  • Optimise image sizes before uploading to the dimensions they will actually appear on screen.
  • Avoid large files. Aim for a balance between quality and file size.

Pro Tip: Because the library is shared across the whole site, you only need to upload your company logo or common icons once. When you want to use them again, just select them from the library.

Reusing

Use the same file in multiple places without uploading it again.

Uploading the same image multiple times creates duplicates that are harder to manage. The Media Gallery is built around a select once, use everywhere model.

  1. Upload the file to your Media Gallery once.
  2. Wherever you need that file on your site, click the relevant image icon or dropdown.
  3. The Media Gallery opens.
  4. Find the file you already uploaded and select it.
  5. Click Save.

Before uploading, scroll through the gallery or use the search to check if the file is already there.