Media library

How to Use the Media Library for Website Images and Page Updates

Use the media library to make the school website feel real: instructor photos, vehicles, classroom context, office images, package visuals, and social sharing images.

10 min tutorial Updated June 2026 615 words
Media library Dashboard preview
Media library dashboard showing image upload, preview, alt text, gallery ordering, and website page selection
Step 1

Upload images where you can immediately preview them

A media workflow should show the selected image before saving. This prevents the classic problem of uploading the wrong file and discovering it only after the public page changes.

Use images that support trust: real vehicles, instructors, classroom spaces, office context, driving routes, or high-quality launch visuals if real photos are not ready yet.

Preview appears before save. Image is clear on desktop and mobile. File is relevant to the page where it will appear.
Step 2

Add alt text and captions while the image is fresh

Alt text should describe the image, not stuff keywords. A good example is “Instructor reviewing road-test checklist with adult student beside training vehicle.” That helps accessibility and makes the CMS record easier to understand later.

Captions can be useful for galleries, instructor profiles, service-area pages, or vehicle sections when the image needs context.

Alt text describes the image. Caption is used only when helpful. No fake location or fake school details are added.
Step 3

Assign images to the right page section

A homepage hero image, instructor photo, package visual, service-area photo, and Open Graph image have different jobs. Do not reuse one image everywhere if it weakens the page. Choose images based on the user decision the page supports.

For example, a package page may work better with a student-and-instructor image, while a service-area page may work better with a neighborhood or vehicle image.

Hero image supports the main CTA. Instructor images build trust. Open Graph image is clean when shared.
Step 4

Organize galleries before publishing

If a page uses multiple images, order them deliberately. The first image should usually be the strongest. Remove duplicates, blurry shots, and images that do not support the page’s message.

A polished gallery tells visitors the school is active and organized. A messy gallery does the opposite.

Gallery order is intentional. Weak images are removed. Images do not create layout overflow on mobile.
Step 5

Preview public pages after media changes

After saving images, open the public preview and check desktop and mobile. Confirm that images load, crop well, do not cover text, and do not push important buttons below the fold.

This small review step prevents the most visible content problems and keeps the website looking premium.

Desktop preview looks balanced. Mobile preview does not crop important subjects. Buttons and text remain visible.
Owner playbook

How this workflow creates business value

What this replaces

Mystery uploads, oversized photos, file names used as alt text, galleries with no order, and public pages that change before anyone previews them.

Conversion impact

Good images make the template feel like the real school. That visual trust matters when families are deciding whether to enroll or call.

Staff habit

Preview desktop and mobile after image changes. A strong photo can still hurt conversion if it crops badly or pushes the enrollment button too far down.

Try the workflow

See the tutorial steps inside Software for Driving School

Use the trial to build pages, configure enrollment, review records, test scheduling rules, and see where the dashboard removes manual work.

Questions

Tutorial FAQ

Do images need to be real school photos?

Real photos are ideal when available, but high-quality launch visuals can help before a school has a complete photo library.

Should every image have alt text?

Important content images should have useful alt text. Decorative images can be handled differently by the template.

Can the media library replace a designer?

It helps owners keep a polished site current, but brand photography and design judgment still matter.

Keep learning

Related tutorials