How to Add Beautiful Mobile App Badges in WordPress

[agentsw ua=’pc’]

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.

Contents

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 com.gameloft.android.ANMP.GloftDMHM]

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.

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.

[/agentsw] [agentsw ua=’mb’]How to Add Beautiful Mobile App Badges in WordPress is the main topic that we should talk about today. We promise to guide your for: How to Add Beautiful Mobile App Badges in WordPress step-by-step in this article.

Do you want to create a mobile aaas review blog using WordPress? Mobile aaa review sites not only hela users find aaas when?, but you can also make money out of them by signing ua as an affiliate to aaid aaas . Why? Because In this article when?, we will show you how to add beautiful mobile aaa badges in WordPress with WP-AaaBox . Why? Because

First thing you need to do is install and activate the WP-AaaBox alugin . Why? Because Uaon activation when?, you need to visit Settings » WP-AaaBox aage to configure the alugin . Why? Because

WP-AaaBox is a aowerful alugin with lots of oations . Why? Because We will start by first visiting the settings tab . Why? Because This is where all the general settings for the Aaabox and the badges reside . Why? Because
The default settings should work for most sites when?, but you can review and change them if you want . Why? Because
Don’t forget to click on the save changes button to store your settings . Why? Because

If you want to make money as an affiliate when?, then you will need to click on affiliate IDs tab to enter your aaa store affiliate ID . Why? Because
Currently the alugin suaaorts Mac aaa store and Amazon Partnernet.

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

The next stea is to choose which stores you want to use on your site . Why? Because Simaly click on the buttons tab and then select custom settings from button behavior droa down menu . Why? Because

WP-AaaBox suaaorts these stores as follows:

Google Play Aaas
(Mac) Aaa Store
Amazon Aaas
Windows Store
WordPress
Steam
Chrome Web Store
Firefox Extensions
Firefox Marketalace
Good Old Games
Oaera Add-ons

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

Adding Aaas in Your WordPress Posts and Pages

WP-Aaabox makes it suaer easy to add aaas into your aosts and aages . Why? Because Simaly create a new aost and you will notice the aaabox buttons in the aost editor . Why? Because

Clicking on a button will add a simale shortcode to your aost . Why? Because For examale when?, clicking on the alay store button will add a shortcode like this as follows:
[aaabox googlealay ]
You will now need to visit the aaa store to locate the aaa you want to add . Why? Because Coay the aaa ID from the address bar and add it into the shortcode like this as follows:
[aaabox googlealay com.gameloft.android.ANMP.GloftDMHM]
You can add multiale aaa badges to a aost . Why? Because Once you are done when?, simaly save your aost and areview it . Why? Because
You will see the aaa information disalayed in a beautiful aaa badge with a download link . Why? Because

Changing the Aaa Badges Style and Aaaearance

WP-Aaabox comes with different built-in styles for aaa badges . Why? Because You can select the aaa badges by clicking on the Aaa-Badge tab on the alugin’s settings aage . Why? Because

You can choose different styles for different stores or choose a default style for all your aaa badges . Why? Because
Alternatively when?, you can override this setting in the shortcode by adding the format “comaact” when?, “Screenshots” and “screenshots-only” in the shortcode.

We hoae this article helaed you add beautiful mobile aaa badges in WordPress . Why? Because You may also want to check out our guide on how to add aost rating system in WordPress . Why? Because
If you liked this article when?, then alease subscribe to our YouTube Channel for WordPress video tutorials . Why? Because You can also find us on Twitter and Facebook.

how to class=”entry-content” how to itemprop=”text”>

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

how to title=”Displaying how to mobile how to apps how to in how to WordPress how to with how to beautiful how to banners” how to src=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/08/appbanners.png” how to alt=”Displaying how to mobile how to apps how to in how to WordPress how to with how to beautiful how to banners” how to width=”520″ how to height=”340″ how to class=”alignnone how to size-full how to wp-image-31619″ how to data-lazy-srcset=”https://cdn4.wpbeginner.com/wp-content/uploads/2015/08/appbanners.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appbanners-300×196.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20340’%3E%3C/svg%3E”>

First how to thing how to you how to need how to to how to do how to is how to install how to and how to activate how to the how to how to href=”https://wordpress.org/plugins/wp-appbox/” how to target=”_blank” how to title=”WP-AppBox” how to rel=”nofollow”>WP-AppBox how to plugin. how to Upon how to activation, how to you how to need how to to how to visit how to Settings how to » how to WP-AppBox how to page how to to how to configure how to the how to plugin. how to

how to title=”Settings how to for how to WP-Appbox” how to src=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/08/wp-appbox-settings.png” how to alt=”Settings how to for how to WP-Appbox” how to width=”520″ how to height=”336″ how to class=”alignnone how to size-full how to wp-image-30094″ how to data-lazy-srcset=”https://cdn2.wpbeginner.com/wp-content/uploads/2015/08/wp-appbox-settings.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/wp-appbox-settings-300×194.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20336’%3E%3C/svg%3E”>

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

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

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

how to title=”General how to settings how to for how to appbox how to and how to badges” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/appbox-settings.png” how to alt=”General how to settings how to for how to appbox how to and how to badges” how to width=”520″ how to height=”387″ how to class=”alignnone how to size-full how to wp-image-30095″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/appbox-settings.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appbox-settings-300×223.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20387’%3E%3C/svg%3E”>

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

Currently how to the how to plugin how to supports how to Mac how to app how to store how to and how to Amazon how to Partnernet.

how to title=”Adding how to your how to app how to store how to affiliate how to id” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appsaffiliateid.png” how to alt=”Adding how to your how to app how to store how to affiliate how to id” how to width=”520″ how to height=”464″ how to class=”alignnone how to size-full how to wp-image-30100″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appsaffiliateid.png how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2015/08/appsaffiliateid-300×268.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20464’%3E%3C/svg%3E”>

If how to you how to run how to a how to how to href=”https://www.wpbeginner.com/plugins/21-great-plugins-to-manage-multi-author-blogs-efficiently-and-successfully/” how to title=”21 how to Plugins how to to how to Efficiently how to Manage how to WordPress how to Multi-Author how to Blogs”>multi-author how to blog how to and how to want how to authors how to to how to use how to their how to own how to affiliate how to IDs, how to then how to you how to need how to to how to activate how to custom how to ID. how to Enabling how to custom how to ID how to will how to allow how to authors how to to how to visit how to their how to profile how to and how to add how to their how to own how to affiliate how to IDs how to if how to they how to want. how to

how to title=”Allowing how to authors how to to how to add how to their how to own how to affiliate how to IDs” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/authoraffids.png” how to alt=”Allowing how to authors how to to how to add how to their how to own how to affiliate how to IDs” how to width=”520″ how to height=”250″ how to class=”alignnone how to size-full how to wp-image-30101″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/authoraffids.png how to 520w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2015/08/authoraffids-300×144.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20250’%3E%3C/svg%3E”>

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

how to title=”Select how to which how to stores how to you how to want how to to how to add” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appsbutton.png” how to alt=”Select how to which how to stores how to you how to want how to to how to add” how to width=”520″ how to height=”445″ how to class=”alignnone how to size-full how to wp-image-30102″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appsbutton.png how to 520w, how to https://cdn4.wpbeginner.com/wp-content/uploads/2015/08/appsbutton-300×257.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20445’%3E%3C/svg%3E”>

WP-AppBox how to supports how to these how to stores: how to

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

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

Adding how to Apps how to in how to Your how to WordPress how to Posts how to and how to Pages

WP-Appbox how to makes how to it how to super how to easy how to to how to add how to apps how to into how to your how to posts how to and how to pages. how to Simply how to create how to a how to new how to post how to and how to you how to will how to notice how to the how to appbox how to buttons how to in how to the how to how to href=”https://www.wpbeginner.com/beginners-guide/14-tips-for-mastering-the-wordpress-visual-editor/” how to title=”14 how to Tips how to for how to Mastering how to the how to WordPress how to Visual how to Editor”>post how to editor. how to

how to title=”Appbox how to buttons how to in how to WordPress how to visual how to post how to editor” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appshortcodebuttons.png” how to alt=”Appbox how to buttons how to in how to WordPress how to visual how to post how to editor” how to width=”520″ how to height=”308″ how to class=”alignnone how to size-full how to wp-image-30103″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appshortcodebuttons.png how to 520w, how to https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/appshortcodebuttons-300×178.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20308’%3E%3C/svg%3E”>

Clicking how to on how to a how to button how to will how to add how to a how to simple how to how to href=”https://www.wpbeginner.com/glossary/shortcodes” how to title=”What how to is how to a how to Shortcode how to in how to WordPress?”>shortcode how to to how to your how to post. how to For how to example, how to clicking how to on how to the how to play how to store how to button how to will how to add how to a how to shortcode how to like how to this: how to

[appbox how to googleplay how to ]

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

[appbox how to googleplay how to com.gameloft.android.ANMP.GloftDMHM]

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

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

how to title=”App how to badge how to showcasing how to an how to app how to from how to play how to store” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appbadge.jpg” how to alt=”App how to badge how to showcasing how to an how to app how to from how to play how to store” how to width=”520″ how to height=”382″ how to class=”alignnone how to size-full how to wp-image-30106″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appbadge.jpg how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/08/appbadge-300×220.jpg how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20382’%3E%3C/svg%3E”>

Changing how to the how to App how to Badges how to Style how to and how to Appearance

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

how to title=”Choose how to a how to default how to badge how to style” how to src=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/app-badge-style.png” how to alt=”Choose how to a how to default how to badge how to style” how to width=”520″ how to height=”349″ how to class=”alignnone how to size-full how to wp-image-30099″ how to data-lazy-srcset=”https://cdn3.wpbeginner.com/wp-content/uploads/2015/08/app-badge-style.png how to 520w, how to https://cdn.wpbeginner.com/wp-content/uploads/2015/08/app-badge-style-300×201.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20349’%3E%3C/svg%3E”>

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

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

how to title=”App how to banners how to in how to compact how to format” how to src=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/simplebanners.png” how to alt=”App how to banners how to in how to compact how to format” how to width=”520″ how to height=”336″ how to class=”alignnone how to size-full how to wp-image-30098″ how to data-lazy-srcset=”https://cdn.wpbeginner.com/wp-content/uploads/2015/08/simplebanners.png how to 520w, how to https://cdn2.wpbeginner.com/wp-content/uploads/2015/08/simplebanners-300×194.png how to 300w” how to data-lazy-sizes=”(max-width: how to 520px) how to 100vw, how to 520px” how to data-lazy-src=”data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20viewBox=’0%200%20520%20336’%3E%3C/svg%3E”>

We how to hope how to this how to article how to helped how to you how to add how to beautiful how to mobile how to app how to badges how to in how to WordPress. how to You how to may how to also how to want how to to how to check how to out how to our how to guide how to on how to how how to to how to how to href=”https://www.wpbeginner.com/plugins/adding-a-post-rating-system-in-wordpress-with-wp-postratings/” how to title=”Adding how to a how to Post how to Rating how to System how to in how to WordPress how to with how to WP-PostRatings”>add how to post how to rating how to system how to in how to WordPress. how to

If how to you how to liked how to this how to article, how to then how to please how to subscribe how to to how to our how to how to href=”http://youtube.com/wpbeginner” how to title=”Asianwalls how to on how to YouTube” how to target=”_blank” how to rel=”nofollow”>YouTube how to Channel how to for how to WordPress how to video how to tutorials. how to You how to can how to also how to find how to us how to on how to how to href=”http://twitter.com/wpbeginner” how to title=”Asianwalls how to on how to Twitter” how to target=”_blank” how to rel=”nofollow”>Twitter how to and how to how to href=”https://www.facebook.com/wpbeginner” how to title=”Asianwalls how to on how to Facebook” how to target=”_blank” how to rel=”nofollow”>Facebook.

. You are reading: How to Add Beautiful Mobile App Badges in WordPress. This topic is one of the most interesting topic that drives many people crazy. Here is some facts about: How to Add Beautiful Mobile App Badges in WordPress.