--- title: Add Promo Banners to your Homepage description: Learn how to add promo banners to your Reactiv app homepage, including image specs, links, and placement options. --- [Skip to content](https://info.reactiv.ai/reactiv-help-center/add-promo-banners-to-your-homepage-reactiv-support-center#main-content) ![logo-mono-light](https://info.reactiv.ai/hubfs/logo-mono-light.svg) Open main navigation Close main navigation - [Contact us](https://info.reactiv.ai/reactiv-help-center/how-do-i-contact-customer-support-reactiv-support-center) [Contact us](https://info.reactiv.ai/reactiv-help-center/how-do-i-contact-customer-support-reactiv-support-center?hsLang=en-ca) Answers, documented. - There are no suggestions because the search field is empty. 1. [Reactiv Help Center](https://info.reactiv.ai/reactiv-help-center?hsLang=en-ca) 2. [Building Your App](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca) 3. [Your Home Screen](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#your-home-screen) February 18, 2026 # Add Promo Banners to your Homepage ![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-12-53-2517-PM.png?width=40&height=40&name=Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-12-53-2517-PM.png) Written by Reactiv App ### Promo Banners This section can be used to highlight various products, collections or simply a place to add some eye-catching graphics. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2024-09-10+at+4_38_05%E2%80%AFPM-2.png)](https://downloads.intercomcdn.com/i/o/1175663231/c67953a38a120ce8f03abec1/Screenshot+2024-09-10+at+4_38_05%E2%80%AFPM.png?expires=1771011900&signature=4205e40df47bca93a5f5790feb9df435bb2b01c7fbf86f825a28fe3c9d9ec176&req=dSEgE894noNcWPMW1HO4zWI30YKHV%2FBvbJwhgrLLM3Vh%2Bp9%2FD%2FuLHmvd0NSy%0AcDRzpT8Fs3pcm3nIQmY%3D%0A) ### 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. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2024-09-10+at+4_39_34%E2%80%AFPM-2.png)](https://downloads.intercomcdn.com/i/o/1175664950/cfc9c9a28e3465de24a89324/Screenshot+2024-09-10+at+4_39_34%E2%80%AFPM.png?expires=1771011900&signature=e11f1e7ce40e7b14049b86bef021f8d0959fbdf4712dd86dfb078ef88a689e0a&req=dSEgE894mYhaWfMW1HO4zTnqCbzrXYQsDrfXJ1SBX6QZ9wFfn1wo3kcY11kS%0A%2Fz6eLI283rgr9R2KKBE%3D%0A) 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. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2024-09-10+at+4_41_32%E2%80%AFPM-2.png)](https://downloads.intercomcdn.com/i/o/1175666558/79197d3d0732272723200b1b/Screenshot+2024-09-10+at+4_41_32%E2%80%AFPM.png?expires=1771011900&signature=440e8f6dac8be68a76651ea6295b8a0eda86ba116f1db527bef8c2d285fb42ba&req=dSEgE894m4RaUfMW1HO4zZiIogIJt02DJcZo6PqMnvCA921%2F3W%2BvCSzRDHkN%0AGmnfd7SmR1he3g25gOw%3D%0A) 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 - [Getting Started With Reactiv](https://info.reactiv.ai/reactiv-help-center/getting-started-with-reactiv?hsLang=en-ca) - [Building Your App](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#main-content) - [App Settings](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#app-settings) - [Your Home Screen](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#your-home-screen) - [Misc. App Building Blocks](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#misc-app-building-blocks) - [Other Screens](https://info.reactiv.ai/reactiv-help-center/building-your-app?hsLang=en-ca#other-screens) - [Publishing Your App](https://info.reactiv.ai/reactiv-help-center/publishing-your-app?hsLang=en-ca#main-content) - [iOS App](https://info.reactiv.ai/reactiv-help-center/publishing-your-app?hsLang=en-ca#ios-app) - [Building Your Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#main-content) - [Success with Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#success-with-reactiv-clips) - [Customizing Your Reactiv Clips Experiences](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#customizing-your-reactiv-clips-experiences) - [Initializing Your Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#initializing-your-reactiv-clips) - [About Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#about-reactiv-clips) - [Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#main-content) - [Analytics & Push Notifications](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#analytics-push-notifications) - [App Install Attribution](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#app-install-attribution) - [Back in Stock Alerts](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#back-in-stock-alerts) - [Chat & Customer Support](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#chat-customer-support) - [Conversion Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#conversion-integrations) - [Discovery, Search & Personalization](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#discovery-search-personalization) - [Fraud Protection](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#fraud-protection) - [Loyalty](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#loyalty) - [Order Fulfillment](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#order-fulfillment) - [Product Recommendations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#product-recommendations) - [Order Tracking & Returns](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#order-tracking-returns) - [Product Bundles](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#product-bundles) - [Reviews Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#reviews-integrations) - [Subscriptions](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#subscriptions) - [Video Shopping](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#video-shopping) - [Wishlist Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#wishlist-integrations) - [Profile Integrations](https://info.reactiv.ai/reactiv-help-center/integrations?hsLang=en-ca#profile-integrations) - [Platform Highlights](https://info.reactiv.ai/reactiv-help-center/platform-highlights?hsLang=en-ca) - [Success with Reactiv](https://info.reactiv.ai/reactiv-help-center/success-with-reactiv?hsLang=en-ca#main-content) - [Sending Push Notifications](https://info.reactiv.ai/reactiv-help-center/success-with-reactiv?hsLang=en-ca#sending-push-notifications) - [Building with AI](https://info.reactiv.ai/reactiv-help-center/building-with-ai?hsLang=en-ca) - [FAQ](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#main-content) - [Performance & Data](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#performance-data) - [General & Billing](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#general-billing) - [Getting Started](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#getting-started) - [Technical Issues & Troubleshooting](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#technical-issues-troubleshooting) - [App Management](https://info.reactiv.ai/reactiv-help-center/faq?hsLang=en-ca#app-management) - [Research](https://info.reactiv.ai/reactiv-help-center/research?hsLang=en-ca) [![logo-mono-dark](https://info.reactiv.ai/hubfs/logo-mono-dark.svg "logo-mono-dark")](http://reactiv.ai) Copyright © 2026, Reactiv