--- title: Add Featured Products to your Homepage description: Learn how to add featured products to your Reactiv app homepage, select products to highlight, and customize the section layout. --- [Skip to content](https://info.reactiv.ai/reactiv-help-center/add-featured-products-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 Featured Products 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-21-2537-PM.png?width=40&height=40&name=Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-12-21-2537-PM.png) Written by Reactiv App ### Featured Products Use this section to highlight trending products or bestsellers to instantly catch the eye of your customers. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2024-09-11+at+10_29_34%E2%80%AFAM-2.png)](https://downloads.intercomcdn.com/i/o/1176497384/1bebcd2c5b9a52c6d4ed9e36/Screenshot+2024-09-11+at+10_29_34%E2%80%AFAM.png?expires=1771011900&signature=2d24dbf1bbfcb407ef542cbd7940400bf3ee39eecaecce3feb72ba931e825778&req=dSEgEM13moJXXfMW1HO4zQM5OzaueV1N2yW%2BTFK98fG1vl0qAZm5ZJX%2BbZiY%0ABrbk1ZUnXq9v1VDjzyU%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. ### **St**eps to **Configure:** 1. Drag the "Featured Products" section to the preview area. 2. Use the settings area to configure the content and design of the section. 3. Scroll down and click on **`Add Collection`** button, then select as many collections you want to display in the home page. 4. Products from the selected collections will automatically be pulled in and displayed under tabs. Customers can easily switch between tabs to browse through the products without leaving the page. 5. You can further customize the **style** of the product images card to be square, portrait or landscape depending on your brand's style. 6. You can also adjust how the images fit by changing the **Image Display Style.** 7. Finally select how many products from each collection should be shown by default. If there are more products in the collection a View all button will automatically appear. 8. All your changes will reflect in real-time in the preview area. - [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