Adding and Managing Homepage Banners

Konvert™ administrators can edit and customize their portal homepage banners and assign banners to users in select group. The 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
  • Assign group access

In this article, we will explain:

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

ACCESS THE EDIT BANNERS PAGE

To access the Edit Banners page (Fig. 1), click on the Edit Mode toggle (Fig. 2) in the top righthand corner of the homepage. Click the Edit Banners button (Fig. 3) above the top righthand corner of the Banner widget (Fig. 4). To learn more about the Banner widget, visit the Manage a Banner Widget article.

Figure 1. The Edit Banners page

Figure 2. The Edit Mode toggle

Figure 3. The Edit Banners button

Figure 4. The Banner widget

CREATE A BANNER

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

Figure 5. The Create Banner card

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

Figure 6. 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. 7).

Note: We recommend a minimum resolution of 2248 pixels by 500 pixels. 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 7. The Add a File button

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

Figure 8. 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. 9).

Figure 9. The Banner Title and Banner Subtitle fields

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

Figure 10. The Text Color drop-down menu

Select your Text Box Background Color from the drop-down menu (Fig. 11). Your background color can be your primary color, your secondary color, your tertiary 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 11. The Text Box Background Color drop-down menu

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

Figure 12. The Text Box Position drop-down menu

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

Figure 13. The Text Box Opacity slider

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

Figure 14. The Link field and Open link in new tab checkbox

To assign access to a specific set of users, select a group from the Group Access drop-down menu (Fig. 15). Only users in the selected group(s) will see this banner. 

Figure 15. The Group Access drop-down menu

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

Figure 16. The Save button

EDIT A BANNER

To edit a banner, enable edit mode by clicking the  Edit Mode toggle (Fig. 2) in the top righthand corner of the homepage. Once in edit mode, click the Edit Banners button (Fig. 3) above the top righthand corner of the Banner widget (Fig. 4). From the Edit Banners page (Fig. 1), click the pencil icon (Fig. 17) in the top righthand corner of the banner you would like to edit. Modify the fields as needed and click the Save button and the Close Editor button.

Figure 17. The pencil icon

PUBLISH AND UNPUBLISH BANNERS

Publish a Banner: When a banner is first created it is unpublished. You will need to publish it before it is visible on the homepage. To publish a banner, enable edit mode by clicking the Edit Mode toggle (Fig. 2) in the top righthand corner of the homepage. Once in edit mode, click the Edit Banners button (Fig. 3) above the top righthand corner of the Banner widget (Fig. 4). From the Edit Banners page (Fig. 1), click the pencil icon (Fig. 17) in the top righthand corner of the banner you would like to publish. Click the Publish button (Fig. 18) in the lower righthand corner of the page and click the Close Editor button.

Figure 18. The Publish button

Unpublish a Banner: To unpublish a banner, enable edit mode by clicking the Edit Mode toggle (Fig. 2) in the top righthand corner of the homepage. Once in edit mode, click the Edit Banners button (Fig. 3) above the top righthand corner of the Banner widget (Fig. 4). From the Edit Banners page (Fig. 1), click the pencil icon (Fig. 17) in the top righthand corner of the banner you would like to unpublish. Click the Unpublish button (Fig. 19) in the lower righthand corner of the page and click the Close Editor button.

Figure 19. The Unpublish button

REORDER BANNERS

To reorder banners, enable edit mode by clicking the  Edit Mode toggle (Fig. 2) in the top righthand corner of the homepage. Once in edit mode, click the Edit Banners button (Fig. 3) above the top righthand corner of the Banner widget (Fig. 4). From the Edit Banners page (Fig. 1), click the Reorder Banners toggle (Fig. 20) in the top lefthand corner of the page. Drag and drop banners into your preferred order. Turn off the Reorder Banners toggle once you have finished reordering the banners. Once complete, click the Close Editor button to return to the homepage. 

Figure 20. The Reorder Banners toggle

DELETE A BANNER

To delete a banner, enable edit mode by clicking the  Edit Mode toggle (Fig. 2) in the top righthand corner of the homepage. Once in edit mode, click the Edit Banners button (Fig. 3) above the top righthand corner of the Banner widget (Fig. 4). From the Edit Banners page (Fig. 1), click the pencil icon (Fig. 17) in the top righthand corner of the banner you would like to delete. Click the Delete button (Fig. 21) in the lower righthand corner of the page. Confirm deletion by clicking the Yes, Delete button. 

Figure 21. The Delete button