How to Add a Smart iOS App Banner to your Shopify Store

Smart App banners for iOS are a really cool marketing tool for your Snapp app, to get your customers to know about and download or open your app, when they visit your mobile site on an iOS device. They are shown automatically to visitors who are able to use your Snapp app. And they're easy to install, it just requires one line of code.
alt

Once you have your store's Snapp app for iPhone uploaded and live in the app store, just follow these steps to add a smart banner to your Shopify store:

  1. Find your app's unique App ID. Go to your app’s page on iTunes.apple.com, the URL contains your application’s App ID, as seen below, in the highlighted section of the browser’s address bar.alt
  2. Go to the Edit HTML/CSS page.
  3. Under the Layouts folder, locate and click on theme.liquid to open it in the online code editor.
  4. In between the opening and closing tags in your theme.liquid file, include your this line of code. Replace ‘myAppStoreID’ with your App ID from step 1:
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
  5. Save your changes.