Banner Widget

Create and manage Widgets for promoting the Shop and Products on The Website.

Shop Owners can turn shop visitors into Customers by adding Banner Widgets on The Website. They can be used for digital storytelling, like promoting brand banners, or product sales as they will add design elements to a Page. Add them on different Pages of the Website to showcase Shop or brand logos, and promotional advertisements containing graphic illustrations and visual contents. Shop Owners can introduce page visitors and Customers to their own Brand and Products by adding eye-catching Product promotions using the Banner Widgets.


banner widget, Banner Widget Title, Banner Widget Subtitle, Banner Widget’s Call-to-Action button to redirect Customers to a specific location like the Shop’s Notebook Collections, Carousel (Full Height) Layout used for Banner Widget.

Image 1: Shop Owner can add and show Title, Subtitle, Image, Call-to-Action button using the Banner Widget.

Widget Setup Options

The options to setup Banner Widget includes adding Widget Name, Title, Subtitle, and Slug. There is a toggle button that can be used to enable or disable the Title or Subtitle. Enable and use the Call-to-Action button within Widget adding Button Link and Button Text to redirect Customers to the Website to view the Shop Owner’s listed Products.

Within the Banner Widget, add up to 8 Images like Brand Logo or Sales Banner with the given layouts that include Carousel, Grid 1x2 Horizontal, Grid 1x2 Vertical, Grid 1x3 Horizontal, Grid 1x3 Vertical, Flex Horizontal Wrap, Flex Horizontal No Wrap, and Flex Vertical. Enable and use the Call-to-Action button within Widget adding Button Link and Button Text to redirect Customers to the Website to view the Shop Owner’s listed Products through Banner.

There is a button named All Devices which will make the Widget visible on all types of devices. Therefore, to select specific devices, switch to Visible On and select Mobile, Table, MDPi, or HiDPi as requires. Click the Save button to save all settings. Click the Add New Widget button to add more Banner Widgets within a Page for Shop promotion.

Call-To-Action Button

There is a Call-to-Action Button that will redirect visitors and Customers to a Page, like visiting the Shop or Product page. Within the Call-to-Action Button, enable the Button Link (that will redirect visitors to that link) and Button Text (stating the function of the button) to be displayed. Use the toggle for Call-to-Action Button to turn it on and off.


banner widget setup, Shop Owner can use Banner Widget after adding the Widget Name, Title, and Subtitle to promote brand banners, or product sales offers to potential Customers as they will add design elements to a Page, Enable or disable the Title or Subtitle by using the toggle button, Add up to 8 Images include Brand Logo or Sales Banner using the given layouts, Select Carousel, Grid 1x2 Horizontal, Grid 1x2 Vertical, Grid 1x3 Horizontal, Grid 1x3 Vertical, Flex Horizontal Wrap, Flex Horizontal No Wrap, or Flex Vertical for setting the Banner style from here, The Call to Action button can be enabled and used to redirect visitors to a specific page and add a Relative Link within Button Link to connect with the Call to Action button and add Button Text to state the function of the button, Make the Widget visible on all devices by selecting these options.

Image 2: Use Banner Widget to promote Brand banners, or Product sales offers to the potential Customers.

When Banner Widget image upload option is clicked, it opens a pop-up for Banner image settings. A Call-to-Action Button can be set with Button Link and Button Text to show inside the Banner to redirect Customers to a specific location, like the Shop’s Notebook collections. Set Image Description and an Image Link to redirect Customers to a specific Page and make the Banner Widget clickable. Set Price to display Product pricing inside the Banner above the Call-to-Action Button. Also, set a Title and Subtitle to show above price. Click Save to proceed with changes.


banner image settings, A Call-to-Action Button can be set with Button Link and Button Text to show inside the Banner, Input an Image Link that will redirect to a specific Page as set that will make the Banner clickable, Set a Price to show within the Banner Image, Set a Title and Subtitle that will show within the Banner Image, Click Save to proceed.

Image 3: Set Call-to-Action button, Image Description, Image Link, Price, Title, and inside Banner Image.

banner image settings on website, Banner Image Title, Price set within the Banner Image, Banner Image’s Call-to-Action button to redirect Customers to a specific location like the Shop’s Notebook Collections.

Image 4: Banner Image can have Title, Subtitle, Price, and Call-to-Action button to redirect the Customers.
Last modified May 16, 2023: Widgets Updated (5a30ebcfb)