Skip to main content

How to Set Up Mobile & Desktop App Install Banners on Your Website

Set up mobile & desktop app install banners on your website to boost app downloads

U
Written by Udit Rana
Updated over a month ago

Introduction

The App Install Banner is a powerful tool that helps you promote your mobile app directly to the visitors on your website.

  • On mobile browsers, it displays a banner prompting users to install your app with a direct download link.

  • On desktop browsers, it shows a banner with a QR code that users can scan to download your app to their mobile devices.

This feature helps increase app installs and drive more engagement from your store visitors — all with easy customization and control.

1. How to Enable the App Install Banner

  1. Go to the Integrations tab on the left panel.

  2. Find App Install Banner and click View.

  3. Click Connect and wait for the integration to be enabled.

  4. Once enabled, you can set up both Mobile and Desktop app install banners.

image.png

2. Set Up Mobile App Install Banner

The Mobile App Install Banner prompts users browsing your website on mobile browsers to install your app.

Steps to enable:

  • Go to Integrations -> App Install banner and click on Mobile Install Banner.

    image.png

  • Enable the banner embed in Shopify:

    Click on Enable Smart Banner, and you will be redirected to your Shopify theme settings.

    image.png

  • In your Shopify theme editor, enable the App Install Banner app embed and click Save. Return to the App Install Banner dashboard and click Refresh.

    image.png

  • Enter the required banner details:

    image.png

  • Add App Store & Play Store Links:

    Android (Google Play Store):

    • Open Google Play Store > Search for your app > Tap three-dot menu > Share > Copy link.

    iOS (Apple App Store):

    • Open App Store > Search for your app > Tap Share > Copy Link.

  • Upload your app icon.

  • Add the banner text.

  • Add the button text (CTA).

  • Customize banner background color, text color, and button colors to match your website theme.

  • Choose the banner placement on your mobile site (top or bottom).

Advanced Settings:

image.png

  • Page-specific placement: Enter URLs where the banner should display.

  • Trigger delay: Set when the banner appears after a user visits the site.

  • Display frequency: Define how often the banner reappears after dismissal.

Once done, click Publish. The banner will now be visible on your mobile website.

3. Set Up Desktop App Install Banner

The Desktop App Install Banner prompts users browsing your website on desktops/laptops to install your app by showing a QR code for scanning.

Steps to enable:

  1. In the App Install Banner integration, click on Desktop App Install Banner.

  2. Ensure the App Install Banner embed is enabled in Shopify (if not already done).

Enter the required banner details:

image.png

  • App Store & Play Store Links (same steps as mobile).

  • Upload your app icon.

  • Add the headline text.

  • Add button text (CTA).

  • Customize the banner background color, text color, and button colors.

  • Choose banner placement on your desktop website (top left, top right, bottom left or bottom right).

Advanced Settings (same steps as mobile Install banner) :

  • Page-specific placement: Add URLs where the banner should appear.

  • Trigger delay: Set banner display timing.

  • Display frequency: Define reappearance frequency after dismissal.

Once done, click Publish. The banner will now be live on your desktop website.

Video Walkthrough

FAQs

Q: How do I disable the Mobile or Desktop Install Banner?

A: Go to the respective banner settings and click Disable.

Q: Can I enable only one banner (Mobile or Desktop)?

A: Yes, you can enable either the mobile banner, desktop banner, or both.

Did this answer your question?