1. Banner Widget

  • A good customer portal banner should represent the business or organization accurately. Admin users can create the page banner as per their organization’s theme to display on the customer portal using the Banner widget.

 

  • Now, drag and drop the ‘Banner’ widget to the page layout section and configure the details of the banner widget.

 

  • Now, by clicking on the ‘Settings’ icon, you can configure the details of the banner widget.

 

  • You need to configure the following settings as per the selection of “Template”:

 

– Select Template: There are three different templates provided:

 

1. Only Content 2. Content (left) & Image (right) 3. Image (left) & Content (right). You can choose the template to display on the customer portal. It will be displayed as the home page when the portal users access the customer portal.

 

  • By clicking on any template, the template is selected, and you will get the preview.

 

1. Only Content

 

2. Content (left) & Image (right)

 

3. Image (left) & Content (right)

 

Banner’s Header:

 

– Text: Insert the text label to be displayed as header.

 

– Color: Choose the color for the header text. A custom color picker is given to choose the color.

 

Banner’s Subheader:

 

– Text: Insert the text label to be displayed as a subheader.

 

– Color: Choose the color for the subheader text. A custom color picker is given to choose the color.

 

– Redirect to: You need to set the redirection on the button’s click event. There are two options provided: Select Page or URL.

 

–  Select Page: You can select the specific portal page to redirect the portal users when they click on the button.

 

– URL: You can insert the URL to navigate the portal users to that URL when they click on the button.

 

– Background of Banner: You can set the background of the banner that will be displayed on the customer portal. There are three options given: Color, Image, or Video.

 

– Color for Background: If you select the “Color” to set as a background, you will get two more options to set the background color of the banner. You can either select Solid or Gradient for the banner background.

 

– Solid: You need to choose the “Color” to display in the background of the banner. A custom color picker is provided to choose the color. (left image)

 

– Gradient: You need to choose “Primary Color” and “Secondary Color” to display in the background of the banner. A custom color picker is provided to choose the color for both. (right image)

 

Degree: You can set the degree (0 to 360) of the gradient color for the banner’s background.

 

  • Image for Background: If you select the “Image” to set as a background, you need to upload the image.

 

  • Video for Background: If you select the “Video” to set as a background, you will get two more options to set the background of the banner. You can either Upload a File or insert an External Link.

 

– Upload (local video): You can select and upload the local video file from your system to set the banner’s background. (left image)

 

Note: You can upload the local video maximum of 2MB size. The video’s size must not be more than 2 MB. The supported video files are MP4, M4V, MPG, WMV, MOV.

 

– External Link: You need to insert the video’s URL in the “Video URL” box to set the banner’s background.
(right image)

 

– Banner Height (px):  Insert the height of the banner that will be displayed on the customer portal.

 

  • After configuring the “Banner” widget, click on the Save button to save the configuration and publish the page to apply the changes.