How to Add Beautiful Mobile App Badges in WordPress

Do you want to create a mobile apps review blog using WordPress? Mobile app review sites not only help users find apps, but you can also make money out of them by signing up as an affiliate to paid apps. In this article, we will show you how to add beautiful mobile app badges in WordPress with WP-AppBox.

Displaying mobile apps in WordPress with beautiful banners

First thing you need to do is install and activate the WP-AppBox plugin. Upon activation, you need to visit Settings » WP-AppBox page to configure the plugin.

Settings for WP-Appbox

WP-AppBox is a powerful plugin with lots of options. We will start by first visiting the settings tab. This is where all the general settings for the Appbox and the badges reside.

The default settings should work for most sites, but you can review and change them if you want.

Don’t forget to click on the save changes button to store your settings.

General settings for appbox and badges

If you want to make money as an affiliate, then you will need to click on affiliate IDs tab to enter your app store affiliate ID.

Currently the plugin supports Mac app store and Amazon Partnernet.

Adding your app store affiliate id

If you run a multi-author blog and want authors to use their own affiliate IDs, then you need to activate custom ID. Enabling custom ID will allow authors to visit their profile and add their own affiliate IDs if they want.

Allowing authors to add their own affiliate IDs

The next step is to choose which stores you want to use on your site. Simply click on the buttons tab and then select custom settings from button behavior drop down menu.

Select which stores you want to add

WP-AppBox supports these stores:

  • Google Play Apps
  • (Mac) App Store
  • Amazon Apps
  • Windows Store
  • WordPress
  • Steam
  • Chrome Web Store
  • Firefox Extensions
  • Firefox Marketplace
  • Good Old Games
  • Opera Add-ons

You can select which stores you want to be visible in the post editor. You can also show a button for each store or add these buttons under one WP-Appbox button.

Adding Apps in Your WordPress Posts and Pages

WP-Appbox makes it super easy to add apps into your posts and pages. Simply create a new post and you will notice the appbox buttons in the post editor.

Appbox buttons in WordPress visual post editor

Clicking on a button will add a simple shortcode to your post. For example, clicking on the play store button will add a shortcode like this:

[appbox googleplay ]

You will now need to visit the app store to locate the app you want to add. Copy the app ID from the address bar and add it into the shortcode like this:

[appbox googleplay]

You can add multiple app badges to a post. Once you are done, simply save your post and preview it.

You will see the app information displayed in a beautiful app badge with a download link.

App badge showcasing an app from play store

Changing the App Badges Style and Appearance

WP-Appbox comes with different built-in styles for app badges. You can select the app badges by clicking on the App-Badge tab on the plugin’s settings page.

Choose a default badge style

You can choose different styles for different stores or choose a default style for all your app badges.

Alternatively, you can override this setting in the shortcode by adding the format “compact”, “Screenshots” and “screenshots-only” in the shortcode.

App banners in compact format

We hope this article helped you add beautiful mobile app badges in WordPress. You may also want to check out our guide on how to add post rating system in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.