Skip to main content
All CollectionsBuilding Your App
Add Promo Banners to your Homepage
Add Promo Banners to your Homepage
R
Written by Reactiv App
Updated over 4 months ago

Promo Banners

This section can be used to highlight various products, collections or simply a place to add some eye-catching graphics.

Accessing the Reactiv Dashboard

  1. First, sign into your Shopify store admin.

  2. Open Reactiv Dashboard by going to Sales channels > Reactiv - Mobile App Builder.

  3. You will be redirected to the app studio where you can start designing your homepage.

Configuring this Element

Once the promo banners element has been dragged and dropped to your app builder, you'll be brought to the editing section where you can change a number of settings and configuration options.

To add a banner to this element, you will select the + Add Banner button & the below window will pop up, allowing you to add an image, decide where this banner links to, & add a title and/or a button overlay.

Once you are happy with this banner, click Apply to add this change. Repeat these steps for the number of banners you wish to have in the promo banner element.

⭐️ Reactiv Tip: The Promo Banners Element can be configured as a slider element or grid via the settings. If you are using the grid configuration, the # of banners wide will vary based on the style of the banners. Reference the below;

Square = 3 banners wide

Circle = 3 banners wide

Portrait = 3 banners wide

Landscape = 2 banners wide

Did this answer your question?