--- title: Using the Clips PLP Content Blocks description: Learn how to use Clips PLP content blocks in Reactiv to add promos, messaging, and custom content within product lists. --- [Skip to content](https://info.reactiv.ai/reactiv-help-center/using-the-clips-plp-content-blocks-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) February 19, 2026 # Using the Clips PLP Content Blocks ### ![](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-13-32-3119-PM.png?width=40&height=40&name=Screenshot_2025-10-07_at_12.09.53%E2%80%AFPM-1759857005-Feb-13-2026-07-13-32-3119-PM.png) Written by Reactiv App In this guide, you’ll learn how to enable and customize the Product Listing Page (PLP) Content Block in Reactiv’s Clip Studio. This block lets you add a visual message—like a promotion or announcement—directly on your mobile app’s product listing screen. ### **Navigate to Your Content Block Settings** 1. **Log in to your Shopify admin dashboard** ​ Go to[shopify.com/login](https://shopify.com/login) and enter your store credentials. 2. In the left-hand sidebar, scroll down to the **Sales Channels** section. 3. Click **Reactiv – Mobile App Builder**. 4. Select **Clip Studio** from the Reactiv dashboard. 5. In the top navigation bar, click the dropdown menu next to your store logo and choose **Product Listing**. 6. Just below the dropdown, click **Settings**. 7. Scroll down to find the **Content block** section. 8. Toggle the switch **on** to enable the content block. [![](https://info.reactiv.ai/hs-fs/hubfs/Knowledge%20Base%20Import/AD_4nXfpi_tMCbCJDnI8eq8SF73iBRrGT7LDMgh3A9X4XlVj-7rYdIJlK4X7w-uHO20CiA0YO_iYT8FhWp3H_200PJwpxr8Spqj8ER5s9yZKNxOwNo6UnjQTCvd24_8_ej4NPcAw0kWy4w-1.png?width=400&height=608&name=AD_4nXfpi_tMCbCJDnI8eq8SF73iBRrGT7LDMgh3A9X4XlVj-7rYdIJlK4X7w-uHO20CiA0YO_iYT8FhWp3H_200PJwpxr8Spqj8ER5s9yZKNxOwNo6UnjQTCvd24_8_ej4NPcAw0kWy4w-1.png)](https://downloads.intercomcdn.com/i/o/zgqq9fe6/1553935463/d28b30f99980c12a8961c856096e/AD_4nXfpi_tMCbCJDnI8eq8SF73iBRrGT7LDMgh3A9X4XlVj-7rYdIJlK4X7w-uHO20CiA0YO_iYT8FhWp3H_200PJwpxr8Spqj8ER5s9yZKNxOwNo6UnjQTCvd24_8_ej4NPcAw0kWy4w?expires=1771011900&signature=9a1d5904fbc57c038b9d5fd2dce8e62a7e7d7601e5024d9d8596efcb894bdb17&req=dSUiFcB9mIVZWvMW1HO4zasBLrvTizlmyinv4lra2VOXsotzYcweAKHG2tI0%0A8Z9FIwnXppkZZfU3ajA%3D%0A) 💡 Once enabled, you’ll see a preview of your content block appear at the bottom of the phone image on the right side of the screen. --- ### **Customize Your Content Block** Once the content block is toggled on, you can add optional promotional text and upload an image to visually engage customers. ### **Content Block Fields** - **Title (Optional):** ​ A short promotional message. For example: ​ *Free shipping on orders over $100* ​ *(Limit: 50 characters)* - **Supporting Text (Optional):** ​ Use this for additional context or urgency. For example: ​ *Available for a limited time* ​ *(Limit: 50 characters)* - **Image (Required):** ​ Upload a visual to support your message. - Image is displayed at a **16:9 ratio** and is set to fill the space automatically. - Accepted formats: JPG, PNG - Make sure the design is mobile-friendly and visually clear at smaller sizes.   🖼️ After uploading, the image preview will appear directly above the **Upload** button. --- ### **Preview and Publish** - After customizing your content block, click **Preview** to see how it will look in your mobile app’s product listing page. - When you’re satisfied, click **Publish** in the top-right corner to make the changes live. --- ### **Where It Appears** Once published, the content block will appear at the **bottom of the product listing page** within the mobile app, as shown in the preview screen on the right side of the Clip Studio interface. ✅ This is a great way to draw attention to special promotions, free shipping offers, limited-time deals, or new product collections. **💡 Need Help?** We’re here for you! Visit [www.reactiv.ai](https://www.reactiv.ai/) or reach out to our support team anytime for tips, troubleshooting, or personalized guidance. - [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