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.

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.

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.

Identity

Set your title, logo, favicon, hero image, colors, and theme.

Identity settings control how your Enine site looks and is branded: title, subtitle, logo, favicon, hero image, colors, and theme.

Favicon

Sets the small icon that appears in the browser tab next to your site name.

A favicon is the small icon shown in browser tabs.

Before setting your favicon, upload the favicon file into the Media Library first.

  1. Upload the favicon file into the Media Library.
  2. Open the site configuration panel.
  3. Find the Favicon field.
  4. Select your uploaded favicon name from the dropdown.
  5. Click Save.

For best results: - Use a square image. - Use a simple, high contrast design. - Recommended size: 512 x 512 pixels.

Hero Image

Sets the large visual that appears at the top of your homepage.

The hero image is the main visual shown at the top of your homepage.

  1. Enter Edit Mode.
  2. Click the hero image thumbnail.
  3. Upload an image by pressing the + button -- this will also add the image to the Media Library.
  4. Enter Preview mode to see your website with the hero image.

For best results: - Use 16:9 landscape images. - Avoid heavily compressed images. - Make sure text remains readable over the image.

Logo

Sets the image that appears in your site header on every page.

Your logo appears in the site header across all pages.

Before setting your logo, upload the logo file into the Media Library first.

  1. Upload the logo file into the Media Library.
  2. Open the site configuration panel.
  3. Find the Logo field.
  4. Select your uploaded logo name from the dropdown.
  5. Click Save.

For best results, use a transparent PNG.

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.

Images

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.