Adding and Changing Image Banners via Page Editor

An Image Banner is a large, visually impactful image that usually spans the width of a webpage or section, typically at the top or within key sections.

Follow the steps below to add or change an image banner on your pages.

Finding the Page Editor:

Step 1: On the Dealership Dashboard, select Websites

Step 2: Select the desired website to edit

Step 3: Once on the Website Dashboard, select Pages

Step 4: Select the website you want to edit

Adding a Banner to Pages

1. Navigate to the desired area of the page. Hover your mouse over the left-hand side until the + icon appears. Click on the icon, then scroll down and select the Image Banner button.

2. A box will open to customise your banner. You will be directed to select either an existing image or a custom image.

Existing Image:

Selecting Existing Image will allow you to choose from 3 categories:

• Dealer Studio Images: These are stock-like images grouped under categories such as Trade-In, Contact Us, Service and Parts, Careers, and more.
• Manufacturer Images: Certain manufacturers provide images that can be used for your website.
• Model Images: Some vehicle models have specific banners or images available for use.

You will be able to preview the banner before continuing.

Custom Image:

Upload the desired image by selecting Choose file.

3. Select Next

4. Select Banner Layout

Banner layout type:

• Default: Our default Image Banner layout used on the majority of pages.
• Full-Size: Fit the entire image on the page at all screen sizes.
• Custom Height: Set custom mobile and desktop heights that are adhered to on all screen sizes.
• Custom Aspect Ratio: Choose a custom aspect ratio (width and height) that is maintained at all screen sizes.

Image layout option:

• Cover: Cover the entire banner with the image (may cause clipping of the image).
• Contain: Contain the entire image within the banner (may cause empty spaces to appear).

Review the banner layout preview before selecting Next

5. Select Overlay

An overlay is optional and can be used to enhance readability or add emphasis to text by darkening or lightening the background. If using an overlay, you can select the colour and opacity as shown:

Choosing an overlay is useful if you want to make text or buttons stand out more against a busy or complex image, which can be added in the next step.

5. Adding Content

Once the base of the banner is set, you can add content on top. Simply click the + button to the left of the Image Banner text to add text, headings, or buttons over the banner.

To edit the format of text or headings added to the banner, select the 6 dot icon. Here, you can change the text size, alignment, colour, margins, padding etc.

You can make further changes by selecting Edit Settings.

From here you are able to add multiple buttons as well as adjust the text, colour, classname, style and link URL.

The button colour defaults to blue in our dashboard, but on your website, it will be based on the primary colour of your theme.

6. Once complete, ensure to save your changes by selecting the blue Save button at the top of the page.