Skip to main content
Smart App Banner

Promote your iOS app on the mobile version of your website.

Cody Walton avatar
Written by Cody Walton
Updated over 6 months ago

Use the Apple Smart Banner feature in Safari to prompt your iOS users to download or open your app. We will walk you through the basics but for a full deep dive please see this Apple article.

Find your "app-id"

Your app-id will be needed for the code snippet that goes in your website. The easiest way to grab this is to find your app in the app store on a computer and copy the id from the URL:

From here you will use the template code provided by Apple and plug in your app-id

<meta name="apple-itunes-app" content="app-id=myAppStoreID">

<meta name="apple-itunes-app" content="app-id=1346875927">

Adding the Banner to SnapPages

If you are not familiar with custom code in SnapPages we do recommend reading through our Custom Code article first. Thankfully this is a very simple addition and won't require coding knowledge.

Start in your Dashboard by going to Web > Website to get into your editor. From here click on Settings > Custom Code.

We will be adding the code snippet to the header of the site which will affect all pages, if you choose to add the code to a single page then navigate to page settings first to find its custom code options.

Simply copy and paste your code from above into the Header Code section with the app-id set correctly.

If you have any other code added here be sure you are not overwriting it or pasting it into the middle of a different code snippet.

Once you save the banner, it will be live the next time you visit your site on mobile Safari.

Third-Party Website

If you have an app through Subsplash but aren’t using SnapPages for your website, you can still take advantage of this feature!

Use the same code snippet from above and refer to your site's documentation for adding custom code to the site or individual pages.

Did this answer your question?