Skip to content
English - Canada
  • There are no suggestions because the search field is empty.

Add Promo Banners to your Homepage | Reactiv Support Center

Copyright (c) 2023, Intercom, Inc. ([email protected]) with Reserved Font Name "Inter". This Font Software is licensed under the SIL Open Font License, Version 1.1.Copyright (c) 2023, Intercom, Inc. ([email protected]) with Reserved Font Name "Inter". This Font Software is licensed under the SIL Open Font License, Version 1.1. Table of contents Add Promo Banners to your Homepage

Add Promo Banners to your Homepage

Written by Reactiv App
Updated over a year agoReactiv App Table of contents

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.

First, sign into your Shopify store admin.

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

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?😞😐😃