Skip to main content
All CollectionsBuilding Your Reactiv ClipsInitializing Your Reactiv Clips
3. Add Reactiv's App Promo banner to your Shopify Store
3. Add Reactiv's App Promo banner to your Shopify Store

Enable customers to launch your Reactiv Clips experience when visiting from a non-Safari browser on an iOS device

R
Written by Reactiv App
Updated over a month ago

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

  1. Log in to your Shopify Admin.

  2. Navigate to Online Store > Themes.

  3. Click on the Customize button in your current theme.

2. Open App embeds section

  1. Toggle on the App Promo Full Screen

3. Configure the banner for App clips

  1. Select or upload the app icon

  2. Select or upload the Featured image. This will be used as the background image of the banner in full screen.

  3. App heading(optional) - Add a welcome message or an intro to for your app clip.

  4. 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

  1. Only toggle on the Show on Products page. - Reactiv Clips only support Product pages currently.

  2. 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

  1. Set the button label to something like "Continue", "Open Clip", "Open App".

  2. Set the button color and text color as per your brand.

6. Save Your Changes

  1. Click the Save button to apply your changes.

7. Test the banner

  1. Open your website in a Non-Safari browser on your iPhone.

  2. Visit the product pages your have configured in the settings.

If you face issues, reach out to us at [email protected]

Did this answer your question?