Add Images to Your Pages

There are several ways to add images to your site — through the media library, directly onto a page, or as a background. Here's a full breakdown of your options.

The Media Library

Before adding images to your pages, it helps to have them organised in your media library.

• Upload your images to the media library in advance so they're ready to use anywhere on your site
• Favourite images (like brand photos or logos) so they're easy to find and reuse
• Give images clear titles so you can search for them by name
• Use the filter to separate images from videos and other media files

Changing a Background Image on a Page Section

Most templates include sections with background images that you can swap out.

1. Open the page you want to edit and click on the section
2. Click Edit and select Background Image
3. Delete the existing image or click Change Media to replace it
4. Upload a new photo or choose one already in your media library
5. Adjust the following settings to get it looking right:
   • Brightness — control how much the image shows beneath any overlay colour
   • Focus — choose which part of the image to highlight: top, top 25%, center, bottom, etc.
   • Alignment — align the image left, center, right, or anywhere in between
   • Fit — choose to cover (fills the space, no gaps) or contain (shows full image, may leave gaps)
6. Confirm your selection and save the page

Adding an Image Block or Gallery to a Page

You can insert a standalone image or a gallery anywhere on a page.

1. Click the + icon where you'd like to add content and search for "image"
2. Choose to add a single image or an image gallery
3. Once added, click the image block to edit it and select your photo

Single image settings:

• Swap the photo for any uploaded image
• Make the image downloadable for visitors
• Add alt text to describe the image (helps with accessibility and SEO)
• Add a caption that displays underneath the photo
• Set alignment to left, center, or right
• Add a link that opens in a new tab
• Adjust the block width to make the image smaller on screen
• Change the padding around the image section

Note: While editing, the image may show its file name or title — this won't appear to visitors once the page is saved.

Editing Images in Pre-Built Design Sections

If your template includes sections like staff cards or feature blocks with images, you can edit those images too.

1. Click on the element (e.g. a staff member card) and choose to update the photo
2. Select from your uploaded images or upload a new one
3. Add alt text to the image
4. Note: some pre-built elements don't support image links directly, but you can add a link to the card's button instead

Setting a Background Image for a Text Section

You can set any section's background to be an image instead of a plain colour.

1. Click the pencil icon on the section you want to edit
2. Go to Background Style and drag and drop or select an existing image
3. Set the fit to Cover so the image fills the section without gaps
4. Adjust horizontal alignment (left, center, right) and vertical alignment (top, center, bottom) to focus on the right part of the image
5. Confirm the image, then go to Block Style to increase the padding (e.g. 80 top and bottom) so the section is tall enough for the image to be visible

Setting a Background Image for an Entire Page

To use one image as the background across a whole page:

1. Go to the Page Settings tab and open Page Style
2. Find the background section and choose to add an image instead of a colour
3. Select an existing image from your library
4. Use the opacity/overlay slider to control how visible the image is — 0% shows the full image, 100% makes it fully transparent behind the overlay colour
5. Preview the page after saving to see how it looks across the full layout

P.S. Join our Facebook group and connect with other OfferingTree users to share questions, offer ideas and insights, and support each other towards a more thriving wellness business.

Register to our monthly Skill Sparks to stay ahead of the curve! This is where we dive into all the new features and updates like Scheduling feature we just covered. It's the best way to ensure your wellness business is always taking full advantage of the latest tools.