Overview
Reactiv's App Promo Banner is a Shopify theme extension that enables customers to launch your Reactiv Clips experience when visiting on an iPhone or iPad and using a web browser other than Safari (e.g. Chrome, Instagram's In-App Browser, etc).
Follow this guide to add Reactiv's App Promo banner to your Shopify theme.
How it works
Reactiv's App Promo Banner provides a direct link to your Reactiv Clip experience. It only appears on iOS devices when using non-Safari browsers. The banner is fully customizable from your Shopify theme editor and works with any theme.
Prerequisites
Access to the Shopify Theme Editor.
Your clip URL provided by Reactiv.
Steps to add the banner to your website
1. 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.
2. Open App embeds section
Toggle on the App Promo Full Screen
3. Configure the banner for App clips
Select or upload the app icon
Select or upload the Featured image. This will be used as the background image of the banner in full screen.
App heading(optional) - Add a welcome message or an intro to for your app clip.
App clip description - Highlight the benefits for using the app clip and feature any discount codes for app clip users.
4. Set the visibility of the banner
Only toggle on the Show on Products page. - Reactiv Clips only support Product pages currently.
You can also select specific products for which your Ads are running. If nothing is selected the banner will show on all product pages.
5. Customize the CTA
Set the button label to something like "Continue", "Open Clip", "Open App".
Set the button color and text color as per your brand.
6. Save Your Changes
Click the Save button to apply your changes.
7. Test the banner
Open your website in a Non-Safari browser on your iPhone.
Visit the product pages your have configured in the settings.
If you face issues, reach out to us at [email protected]