Full Screen Banner is a Shopify theme extension built by Reactiv to help you promote your app clip 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 App clip in Safari browser add smart banners to your Shopify store.
The banner is fully customizable from your Shopify theme editor and works on any theme.
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.
Open App embeds section
Toggle on the App Promo Full Screen
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.
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.
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.
Save Your Changes
Click the Save button to apply your changes.
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]