The Banner page is where you add banners to your eCommerce Shop. Typically, you use banners to communicate new events or products to your Associates.

What We’ll Cover

• Permissions
• Finding the Page
• Banners in the eCommerce Shop
  • Primary
  • Secondary
  • Product
• Adding Banner Title and Description
• Uploading an Image
• Adding a Call to Action
• Selecting Banner Type
• Saving the Banner
• What If My Banners Aren’t Displaying?

---

---

Permissions

To access the Banner page, you must have the Banners permission enabled for your Role.

Read more: Managing Web Office Admin Users and Roles

---

---

Finding the Page

In eCommerce Admin, navigate to: Content Management > Banner.

[CLIENTID].retailadmin.directscale.com/#/Banner

---

---

Banners in the eCommerce Shop

The following are the three types of banners you can select from. Each type appears in specific areas of the eCommerce Shop.

---

Primary

The image appears in the slider on the homepage of the eCommerce Shop.

Recommended size: 1365 px x 770 px.

---

Secondary

The image appears in the 2x2 content block below the homepage slider.

For best results, it’s recommended you add two 670x670 square images; however, any image you use will be cropped to fit.

---

Product

The image appears in the slider on the products page of the eCommerce Shop.

Recommended size: 1365 px x 770 px.

---

---

Adding Banner Title and Description

1. Click + ADD BANNER to open the Add Banner pop-up window.

   

2. In the pop-up, enter a memorable Title for your banner.

   

3. Type a Description for the banner.

---

---

Uploading an Image

1. Under the Image section, click the Drop files here to upload area.

   Your computer’s file finder dialog box will open.

2. Navigate to your image and click Open.

   Images must be less than 50 MB to upload.

3. Alternatively, in the Image section dropdown, select Enter Image URL.

4. Type the Image URL to the image file.

   Use this when an image is hosted in a cloud-based app or your own CMS with a public URL.

   The complete URL, including the protocol (https://), should be used. For example, https://www.example.com/images/banner.png/.

---

---

Adding a Call to Action

1. In the Call to Action Text field, type the URL where the banner takes you when clicked.

   • For internal pages: Add the page location using a forward slash before the location name.

     For example, /{webalias}/Home, /{webalias}/BusinessDashboard, /{webalias}/Community.

   • For external pages: Use the complete URL, including the protocol.

     For example, http:// or https://).

2. Select Open in New Window, if necessary.

   It’s good practice to select the option to Open in New Window if the link points to an external site.

3. In the second Call to Action Text field, type some additional text that will appear on the banner.

   This can be flavor text, or indicative text (for example, “Click Here to Learn More!”)

   Only necessary if the first Call to Action Text link is added.

---

---

Selecting Banner Type

1. In Banner Use For, select whether the banner will be:

   • Primary
   • Secondary
   • Product

---

---

Saving the Banner

1. Toggle the Published switch if you’d like to publish the banner once the configuration is saved.

   Note: You can also publish the banner later in the Banners List by clicking the Publish icon.

2. The rest of the settings are Multi-Faceted Configuration (MFC). Enter your specific configurations on who can view the banner.

3. Click SAVE.

---

---

What If My Banners Aren’t Displaying?

If banners have been configured correctly but are not displaying where they should, it’s possible they haven’t been enabled.

To enable banners, navigate to Company Settings > Settings.

1. Click the Home section to expand it.

   

2. Here, you can click the banner and bannerSecondary toggles to enable the Primary homepage slide-show and the Secondary 2x2 content block. Click the Save button.

   

   

3. Click the Product section and click the banner toggle to enable the Products slide-show on the Products page.

   

   

4. Click the Save button.

The banners should now appear in their proper places.