--- title: Setting Up and Customizing Landing Pages in Reactiv Clips description: Learn how to set up and customize landing pages in Reactiv Clips, including layouts, modules, and links to products or collections. --- [Skip to content](https://info.reactiv.ai/reactiv-help-center/setting-up-and-customizing-landing-pages-in-reactiv-clips-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 Reactiv Clips](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca) 3. [Customizing Your Reactiv Clips Experiences](https://info.reactiv.ai/reactiv-help-center/building-your-reactiv-clips?hsLang=en-ca#customizing-your-reactiv-clips-experiences) February 18, 2026 # Setting Up and Customizing Landing Pages in Reactiv Clips ## How to setup and use Landing Pages on your Reactiv Clips ![](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-43-1423-PM.png?width=40&height=40&name=Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-12-43-1423-PM.png) Written by Reactiv App In this guide, you’ll learn how to create and customize **Landing Pages** in your **Reactiv Clip**. Landing Pages are focused, high-conversion screens designed to engage shoppers from a specific source—like ads, emails, or social media—and guide them toward a single goal, such as making a purchase or exploring a collection. ### What Is a Landing Page? A **Landing Page** is a campaign-specific screen in your app that allows you to: - Promote sales, launches, or limited-time collections - Drive traffic from social media, email, or ads - Showcase curated product content - Tell your brand story using visuals and copy You can create multiple Landing Pages and assign each a unique deep link URL to support different marketing campaigns. ### How to Create a Landing Page 1. **Open the Reactiv App Studio** after logging in to your Shopify admin**.** Go to the **Reactiv App Studio** from your Shopify admin, and navigate to **Clip studio**. 2. **Select the Landing Page Screen** In the screen dropdown at the top of the Studio, choose **Landing Page**. This opens the layout canvas for editing. 3. **Add Sections** Use drag-and-drop sections to build your page. Most sections can be added multiple times—except the **Hero Carousel**, which is fixed and always located at the top when enabled. [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot+2025-08-12+at+11_35_24%E2%80%AFAM-1.png?width=500&height=364&name=Screenshot+2025-08-12+at+11_35_24%E2%80%AFAM-1.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666901978/8b4acf751bc2365b8eeba6a7b094/Screenshot+2025-08-12+at+11_35_24%E2%80%AFAM.png?expires=1771011900&signature=7b43c1024a59354952f00b3b7f3ae223ef0100f97cf395a49e506e54b93aec21&req=dSYhEMB%2BnIhYUfMW1HO4zcWiM6%2FSU32J3FBIal2BW0BR5LWxGrweCmcXHITY%0AKw11W8MzoAAxroxchW0%3D%0A) --- ### Landing Page Sections Overview ### 📸 Hero Carousel (Fixed Section) The **Hero Carousel** is always pinned to the top of the Landing Page and cannot be moved or duplicated. You can **enable or disable** this section from the page settings, but its position is fixed. To set up the Hero Carousel: 1. Click on the **Hero Carousel** section to open the settings panel. 2. Use the **+ Add hero** button to upload image banners or lifestyle shots. 3. For each slide, you can: - Upload an image - Add a **Title** and **Description** (optional) - Include a **CTA button** with link destination (e.g., to a product, collection, or another screen in your app) - Upload media like videos or gifs. 📝 **Tip:** Use bold visuals and keep text short for maximum impact on mobile. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2025-07-30+at+2_54_51-E2-80-AFPM-1.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666878919/22f5de19941ad257b241fa02f326/Screenshot%2B2025-07-30%2Bat%2B2_54_51-E2-80-AFPM.png?expires=1771011900&signature=96a861b981eade81039bb4dec767b04848baa48e2f8a68398923d2b41307d316&req=dSYhEMF5lYheUPMW1HO4zc8NBXtRCLV3Ncy5OdvHKsKXA5WDAkwyCaGxikM6%0AcvHTmDmajq%2FFAsfHyWA%3D%0A) [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/Screenshot+2025-07-30+at+5_35_17-E2-80-AFPM-1.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666878928/600bda1aed330167e4da80595fa0/Screenshot%2B2025-07-30%2Bat%2B5_35_17-E2-80-AFPM.png?expires=1771011900&signature=90601003d7743a76771e802e8df8e0ad97fa3df18299b1d232236cee54c6f6b7&req=dSYhEMF5lYhdUfMW1HO4zUvfA%2Bx%2FlR6NgNmLzFkxc1LRgQChicmkA9SmU1du%0AaT0Pq%2BuJSqqAJnWQiow%3D%0A) ### ✨ Story Blocks Use these sections to tell your brand’s story, promote a theme, or highlight a limited-time offer. To add and set up a Story Block: 1. Drag the **Story Block** into the studio. 2. Fill out the fields: - **Title** – A short headline to grab attention - **Header** – A subheading or supporting line - **Description** – Use this space to explain more about the promotion or story - **Image Asset** – Upload an image to visually support the content You can add as many Story Blocks as you'd like. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/image-Feb-13-2026-07-13-03-8308-PM.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666878922/9a16f84e957a061d20f08e60d3e6/image.png?expires=1771011900&signature=b4918b520a48123f8ce521a7a0a2b28e02e74eeca5bd6464f747f325a2f6d81b&req=dSYhEMF5lYhdW%2FMW1HO4zXk3l6O9YZ3pPH2POz5a3E831Mwo8ffDfRhKS9pD%0Aepq9U7GIqsd9%2BqUt3l0%3D%0A) ### 🛍 Featured Products This section lets you showcase a curated list of products to drive conversions. To set up Featured Products: 1. Drag in the **Featured Products** section into the studio. 2. In the settings panel, click **+ Add Collection**. 3. Search for and select the Shopify collections you want to feature. You can select multiples at once. 4. Customize the section: - **Heading** – Add a heading (e.g., “Shop the Look” or “Best Sellers”) - Choose a **Layout style** between grid and slider. - You can update the **Image shape** and orientation: landscape, portrait, and square. - Choose an **Image display style** between fill and fit. - And update the maximum number of products to display. - You can add background gradients to further customize your branding. ✅ **Tip:** Choose products that match the theme of the landing page to keep things cohesive. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/image-Feb-13-2026-07-13-09-0625-PM.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666878929/eba5025b6fd25821614f0b914df3/image.png?expires=1771011900&signature=94182e8f386e2cca2a9e4712d59ce44ffaa7e43a8dad4b154891363b05e81abb&req=dSYhEMF5lYhdUPMW1HO4zfBg9t9KvmtKNnisBE8Av0lgWEvC4FD6xmYdVW8j%0A6ElTGrFkokz0v00JuK0%3D%0A) ### 📝 Text Area Use Text Areas to highlight exclusive benefits, shipping perks, or customer trust badges. To set up a Text Area: 1. Drag in the **Text Area** section. 2. Enter: - **Section Title** – A bold line to introduce the message (e.g., “Why Shop With Us?”) - **Body Text** – Write your message using the built-in text editor. You can use bold, italic, bullets, or links to format the content. Common use cases include: - “Fast + Free Shipping” - “Buy Now, Pay Later” - “100% Satisfaction Guaranteed” ✅ **Tip:** This is a great area for a testimonial about your brand or promotion. [![](https://info.reactiv.ai/hubfs/Knowledge%20Base%20Import/image-Feb-13-2026-07-13-13-2225-PM.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666878927/705fa3050a770fd2cde71ac27e31/image.png?expires=1771011900&signature=d7bcb714870b3fc24595b307c25a32452282102ccdadd770d3a707047ac54537&req=dSYhEMF5lYhdXvMW1HO4zSNRl93KpQV4Vv4mqdhkMudD1R8lwxYnK%2BFN8dO8%0AQCHQRJt0HmDMSrxIAZE%3D%0A) ### 📧 Newsletter Signup (New) The **Newsletter Signup** section helps you capture shopper email addresses and grow your marketing list. It serves a dual purpose: - **If the shopper is not logged in or does not have an account** – The section prompts them to create an account, log in, and opt-in for marketing emails. - **If the shopper is logged in but not subscribed to marketing emails** – The section allows them to subscribe directly. To set up Newsletter Signup: 1. **Enable Email Capture** - In the Reactiv admin, navigate to **Email Capture** from the left-hand navigation menu. - Toggle the feature **On**. - Once enabled, the Newsletter Signup section will be available for use in your app screens. 2. **Add the Newsletter Signup Section** - In the **Reactiv Clip Studio**, drag the **Newsletter Signup** section into the canvas of your Landing Page. 3. **Customize the Section** - **Heading** – The main title of the section (e.g., “Stay in the Loop”) - **Description** – Supporting text to encourage signups (e.g., “Be the first to know about new arrivals and special offers.”) - **Button Text** – Call-to-action text for the signup button (e.g., “Subscribe Now”) - **Footer Text** – Additional note or disclaimer (e.g., “You can unsubscribe at any time.”) - **Text Alignment** – Choose how the text is aligned (left, center, or right) within the section [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot+2025-08-12+at+11_40_15%E2%80%AFAM-2.png?width=400&height=652&name=Screenshot+2025-08-12+at+11_40_15%E2%80%AFAM-2.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666909239/96ff70cd2cdf407980e5e225dc9c/Screenshot+2025-08-12+at+11_40_15%E2%80%AFAM.png?expires=1771011900&signature=35449554d6189da39ad40d983138d699d26b09af39e8bfbaa44f1264046a1b5f&req=dSYhEMB%2BlINcUPMW1HO4zU07Zb2IsqdUXM27KvSmIB%2BYJ9o0dYyPSO69cjsj%0A6lMwlivBlZrAQZBHWsI%3D%0A) 📝 **Tip:** Use inviting, benefit-focused language to increase signups. --- ### 🌟 Social Proof (New) The **Social Proof** section allows you to highlight testimonials, reviews, or brand stories in a **carousel format**, helping you build trust and add a rich narrative to your Landing Page. This is a great way to showcase authentic voices from your shoppers and encourage new customers to engage with your brand. To set up Social Proof: [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/Screenshot+2025-09-03+at+11_46_44%E2%80%AFAM-2.png?width=400&height=646&name=Screenshot+2025-09-03+at+11_46_44%E2%80%AFAM-2.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1707527199/a2c348256ebcab836b8757a56380/Screenshot+2025-09-03+at+11_46_44%E2%80%AFAM.png?expires=1771011900&signature=24d1b130a86c6d2f5d02ab060af650168a69ebd4089172f8ade97a68e97d76ea&req=dScnEcx8moBWUPMW1HO4zYphgAjzYAZcI4Nc2cJMcPyhejrh3QzgPRi6xrvf%0AZjPf5YtqmYyv51xbY5A%3D%0A) 1. **Add the Social Proof Section** - In the **Reactiv Clip Studio**, select **Landing Page** from the screen dropdown. - Drag the **Social Proof** section into the canvas preview. 2. **Customize the Section Appearance** - **Background** – Upload an image or choose a background color - **Gradient Overlay** – Add a gradient and choose the overlay color for better text readability - **Subheading** – Add a short title for the entire section - **Text Alignment** – Align text left, center, or right - **Opacity** – Choose Full, Strong, or Light to control the visibility of the overlay items 3. **Add a Call-to-Action (Optional)** - Enable or disable the CTA button - Edit the **Button Text** (e.g., “Shop Now,” “See More”) - Link the button to a **Product, Collection, Screen, URL**, or leave it unlinked 4. **Add Proof Blocks** - Click the **+ Add Proof** button - Enter content for each testimonial: - **Heading** – Up to 80 characters (e.g., reviewer’s name or a short highlight) - **Description** – Up to 180 characters (optimized for mobile; perfect for short testimonials or stories) - Repeat as needed to create a carousel of multiple testimonials   📝 **Tips for Success:** - Use real testimonials or reviews to add credibility. - Keep text short and impactful for mobile readability. - Use gradients and opacity settings to ensure text is easy to read over your background image. - Consider adding a CTA to turn testimonials into action (e.g., “Shop the Collection”). --- ### Landing Page Settings From the **Settings** tab for this screen, you can: - **Add a URL Slug** Create a deep link that leads directly to this Landing Page (e.g., `yourstore.app.link/spring-sale`). This is useful when linking from an ad, email, or Instagram bio. [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/image-Feb-13-2026-07-13-29-5690-PM.png?width=500&height=208&name=image-Feb-13-2026-07-13-29-5690-PM.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666878920/191db4d471ce99f0326f5eca5055/image.png?expires=1771011900&signature=ece979967fdc8740e369baf1dcb764547880ebeb9410b276df81b89cf6ca452d&req=dSYhEMF5lYhdWfMW1HO4zS7S%2BCu90Z2Lmq1QlPFIevKZaxVuPmZX0SC8sVHq%0AcXm%2BbLcfARZEc0Xcih0%3D%0A) - **Enable/Disable the Hero Carousel** If you prefer a cleaner layout, you can toggle the Hero Carousel section off. [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/image-Feb-13-2026-07-13-34-0194-PM.png?width=400&height=549&name=image-Feb-13-2026-07-13-34-0194-PM.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1666878918/838ce232d82e65a1fd0c7c78d6e8/image.png?expires=1771011900&signature=56f788d2299ed973bcc5203b3d5e42f537b434a60c0983bccf7a6fa6bc3f8e4f&req=dSYhEMF5lYheUfMW1HO4zabtBlNWg0b9O1m6%2FZ8EoaMpY%2B53Tpnq6%2Fw5Ovhh%0AzuF%2FUdln4xCszUF0ENw%3D%0A) --- ### Managing Multiple Landing Pages You can build and save **multiple Landing Pages** in Reactiv—each with its own layout, content, and deep link. This allows you to: - Run simultaneous campaigns - Tailor messaging for different audiences - A/B test page layouts or offers --- ### ⭐️ Best Practices for Landing Pages - **Keep it focused**: Limit each page to one core goal (e.g., product launch or sale). - **Use strong visuals**: Story Blocks, Hero Carousel, Newsletter Signup, and Social Proof images/text should be high quality and mobile-friendly. - **Drive action**: Place CTAs and Featured Products where shoppers can easily engage. - **Match the message**: Align content and visuals with your ad or email campaign to improve conversion. - **Leverage Social Proof**: Add testimonials or reviews to build trust and highlight authentic customer voices. 📝 **All done:** You can **save** and **publish** your changes now. - [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