Manage Homepage Banners

Konvert™ administrators can edit and customize their learning management system (LMS) homepage banners, allowing for more predictability on mobile devices and simpler management of displays. The LMS Banner Editor feature includes the ability to:

  • Reorder current banners
  • Upload your own imagery
  • Select color schemes
  • Add custom headlines and text
  • Include a clickable URL

In this article, we will explain:

  • How to access the Edit Banners page
  • How to create a banner
  • How to publish and unpublish banners 
  • How to reorder banners

ACCESS THE BANNERS PAGE

To access the Edit Banners page, click on the Edit Mode toggle (Fig. 1) at the top righthand corner of the homepage. 

Figure 1. The Edit Mode toggle

Click on the pencil icon (Fig. 2) at the top right-hand corner of any banner.

Figure 2. The pencil icon at the top righthand corner of a banner

CREATE A BANNER

From the Edit Banners page, click the Create Banner card (Fig. 3). 

Figure 3. The Create Banner card

Select an image or a background color. To select an image, click the Use Image button and click the Upload Image button (Fig. 4).

Figure 4. The Use Image button and the Upload Image button

Drag and drop your image into the box or click the Add A File button (Fig. 5).

Note: We recommend a minimum resolution of 1500px by 500px. Banners can be larger or smaller but should stay true to a 3:1 aspect ratio. Keep in mind that very high resolution images may cause performance issues on your homepage for some users. 

Figure 5. The Add A File button

To select a background color, click the Use Color button (Fig. 6) and select your color from the drop-down menu. Background colors can be your primary color, your secondary color, black or white. 

Figure 6. The Use Color button and Background Color drop-down menu

Enter your title in the Banner Title field and the subtitle in the Banner Subtitle field (Fig. 7).

Figure 7. The Banner Title and Banner Subtitle fields

Choose your Text Color from the drop-down menu (Fig. 8). Your text color can be your primary color, your secondary color, black or white.

Figure 8. The Text Color drop-down menu

Select your Text Box Background Color from the drop-down menu (Fig. 9). Your background color can be your primary color, your secondary color, black or white. You can also choose Automatic which will auto-select a background color based on your text color. For example, if a light text color is selected, a dark background will be applied. If a dark text color is selected, a light background will be applied. 

Figure 9. The Text Box Background Color drop-down menu

Select your Text Box Position from the drop-down menu (Fig. 10). Your text box can be displayed at the top right, top left, bottom right or bottom left corner of the banner. 

Figure 10. The Text Box Position drop-down menu

Select your Text Box Opacity (Fig. 11). Opacity can range from 0% to 100%. 

Figure 11. The Text Box Opacity slider

If you would like the banner to link to a URL, enter the URL in the Link field (Fig. 12). Click the check box if you would like the link to open in a new tab.

Figure 12. The Link field

Click the Save button. Your banner has now be created but has not yet been published.


PUBLISH AND UNPUBLISH BANNERS

Once your banner has been created, you will need to publish it before it is visible on the homepage. To publish your banner click the Publish button (Fig. 13) at the bottom righthand corner of the page and click the Close Editor button. 

Figure 13. The Publish button

To unpublish a banner, navigate to the Edit Banners page and click on the pencil icon of the Banner you would like to unpublish. Click the Unpublish button at the bottom righthand corner of the page and click the Close Editor button.

Figure 14. The Unpublish button

REORDER BANNERS

To reorder banners, access the Edit Banners page by clicking on the Edit Mode toggle (Fig. 1) at the top righthand corner of the homepage. 

Click on the pencil icon (Fig. 2) at the top righthand corner of the banner.

Click on the Reorder Banners toggle (Fig. 15) at the top lefthand corner of the page. 

Figure 15. The Reorder Banners toggle

Drag and drop your banners in your preferred order.