Create banner content items

Edit on GitHub

This topic describes how to create content items in the Back Office.

Prerequisites

Make sure to review reference information before you start, or look up the necessary information as you go through the process.

Create a banner content item

  1. Go to Content > Content Items.
  2. On the Overview of Content Items page, click Add Content Item > Banner.
  3. On the Create Content Item: Banner page, enter a NAME.
  4. Optional: Enter a DESCRIPTION.
  5. On the Default tab, enter the following:
    • TITLE.
    • SUBTITLE
    • IMAGE URL
    • CLICK URL
    • ALT-TEXT
  6. Optional: Repeat the previous step on the needed locale-specific tabs.
Multi-language setup

The following logic applies in a multi-language setup:

  • Locale-specific values overwrite the default values when the banner is rendered on a Storefront page with the locale selected.
  • If the fields are not filled out for a locale, the default values are displayed on a Storefront page with the locale selected.
  1. Click Save. This opens the Overview of Content Items page with a success message displayed. The content item is displayed in the list.

Tips and tricks

To clear all the fields on a tab, click Clear locale.

Reference information: Create banner content items

ATTRIBUTE DESCRIPTION
NAME Unique identifier of the content item. You will use it when adding the content item to CMS pages and blocks.
DESCRIPTION Description for internal usage.
TITLE Heading of the banner.
SUBTITLE Text of the banner.
IMAGE URL Address where the image element of the banner content item is stored.
CLICK URL URL of the target page to which your shop visitors are redirected.
ALT-TEXT Some additional text that describes the image.

Reference information: Banner content item widget

The widget allows you to display a Banner content item on the defined sections of a page or block.

Use case example: The widget might be used to display a banner to promote products of a specific brand or hold a marketing campaign on the website.

You can view how it looks like on the store website:

  • B2C Template used: Big Banner w/Middle Title and Subtitle Banner content item widget B2C

  • B2B Template used: Big Banner Left Title, Subtitle and Button Banner content item widget B2B