You are here: Blog » WordPress Plugins » Smart App Banners

Smart App Banners

wordpress-smart-app-banners

Automatically implement Safari’s new Smart App Banner feature on your WordPress site. The banner provides a standardized method of promoting apps on the App Store from any website. The banner by default will appear on all pages. In order for this to work you have to enter your app id in Settings > Smart App Banners > Your App ID.

New Features

  • Added the ability to disable site-wide smart app banner and assign banners to specific posts and pages.
  • Added “Download on the App Store” and “Download for Android” badges. You can add the badges:
  • as widgets Settings->Widgets-> Motech Download on the App Store and Motech Download for Android
  • anywhere using shortcodes [app-store-download id=yourid] and [android-download id=yourid]

screenshot-1screenshot-2screenshot-3screenshot-4screenshot-5

 

Download for Free

This entry was posted in WordPress Plugins and tagged , , by .

Author: justin saad

Justin Saad is first and foremost a husband and a father of four. He is also a web developer and designer who has been making websites for over fifteen years. His company is called The Motech Network and his website is ClevelandWebDeveloper.com. In addition to building websites, Justin makes WordPress plugins and likes writing tutorials to help others learn about various aspects of web development.

4 thoughts on “Smart App Banners

  1. omar

    How do I find the Android ID for my android app? If I can’t use widgets, how would I set my website up to display the iOS banner on iPhones that visit the site and the Android banner on android devices that visit the site?

    Reply
    1. Justin Saad Post author

      The plugin only adds the iOS banner to iPhones that visit the site. You can enable this by entering your iphone/ipad app id in Settings > Smart App Banners > Your App ID. Android does not have a similar banner capability natively. The plugin allows you to create a badge (which is different than a banner – a badge is just an image icon which says ‘download for android’ and links to your android app). You can enter it via shortcode in the form of [app-store-download id=yourid]. To find your android app id, visit your product detail page on Google play, the url is something like https://play.google.com/store/apps/details?id=your.app.id. Use the text after id= so in this example the app id would be your.app.id.

      Reply
  2. John Chao

    Hello!

    I’m seeing this under settings:

    Configuration

    Enter your nine-digit app ID below. To find your app ID from the iTunes Link Maker, type the name of your app in the Search field, and select the appropriate country and media type. In the results, find your app and select iPhone App Link in the column on the right. Your app ID is the nine-digit number in between id and ?mt.
    Your App ID
    Show banner on all pages? Uncheck this box to only show smart app banners on specific posts and pages

    I don’t see any of the other configurations available to me.

    Please help!

    Best,
    John

    Reply
    1. Justin Saad Post author

      Hi John,

      Those are the only options you should be seeing.

      If you want to enable the banner on an individual post or page:

      1) Go to the edit post page

      2) Scroll down until you see a meta box named “Smart App Banners”

      3) Enter your app id

      Thanks,
      Justin

      Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">