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.

Adding an Icon to an Item

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.

Media

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

Uploading to the Media Library

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 Media Across the Site

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.