Promo banner is a Shopify theme extension built by Reactiv to help you promote your mobile app seamlessly on Non-Safari browsers. This banner provides a direct link to experience the clip(iOS only) or download the app from the App Store or Play store when a user visits your website on their mobile device.
To promote your Mobile App in Safari browser add smart banners to your Shopify store.
The banner is fully customizable from your Shopify theme editor and works on Shopify theme 2.0.
Prerequisites
Access to the Shopify Theme Editor.
Your clip URL provided by Reactiv.
Steps to add the banner to your website
Open the Shopify Theme Editor
Log in to your Shopify Admin.
Navigate to Online Store > Themes.
Click on the Customize button in your current theme.
Add the Promo Section to your website header
Click on Add section in the Header of the site.
Switch to the Apps tab in the callout card
Select "App Promo Banner" by Reactiv.
Drag and drop the newly added section to the desired position.
Customize the banner
App Icon: Add an icon that matches the app icon in your App store and Play store listing.
Heading: Add an optional heading, it can be the app name or anything short to grab attention.
Description: Explain why your customers should install the app.
CTA button links: Add the App store and Play store links in the respective fields. The banner will automatically show the right button based on user's device.
Visibility: Choose all the pages you want to show the banner. Eg, Home, Collection and Product.
You can also choose specific collections and products.
Branding: Customize the text and color of the CTA button as per your brand.
Save Your Changes
Click the Save button to apply your changes.
Test the banner
Open your website in a Non-Safari browser on your phone.
Visit the pages your have configured in the settings to see the banner in action.
The CTA button should redirect you to the App store or Play store where you can install your app.
If you face issues, reach out to us at [email protected]