3 Ways to Create a Mobile App with WordPress

By Scott Bolinger

SitePoint has previously covered the topic of WordPress-powered mobile apps, however, in this article we take a deeper dive into three of the options available, discussing the pros and cons of each; App Builders, Custom Hybrid Apps and AppPresser (which I’m a co-founder of).

Over 24% of the Internet uses WordPress, and many of those folks want a mobile app.

It makes perfect sense to use content from WordPress in the app, so that when the website is updated, the app is updated. For example, if you are an online magazine, you would want any new articles you publish to be available in the app instantly. If you make any changes to the website, you’d also want those changes to apply to the app without any extra work.

Some app builders use a third party content management system where you create your app content. If you have a WordPress website, why not use WordPress as the CMS?

WordPress users are accustomed to using plugins and themes to customize their website, and these don’t always translate well to a mobile app. This presents some unique challenges when a developer is approached by a client who wants to mimic their WordPress website in a mobile app. For example, if a client uses BuddyPress to create a social network on their website, and they want a mobile app with the same experience, how can that be accomplished? What about the same situation with an event or ecommerce plugin?

The technical constraints of a mobile app means that integrating website features such as WordPress plugins is often a difficult task. Luckily, there are some options available to get WordPress into a mobile app that can fit any project. Let’s take a look at three of them. For each of these methods I will cover building a mobile app with WordPress using hybrid app technology, along with PhoneGap (Narayan Prusty has also covered WordPress and PhoneGap here).

App Builders

App builders allow you to create a mobile app with no coding, and very little technical expertise.

They can work great if you don’t want to spend a lot of money, and you don’t need anything really custom. There are a variety of app builders, including Mobile Roadie, Shoutem, Good Barber, Reactor (that uses AppPresser), Telerik AppBuilder. Each one has a varying degree of WordPress support, most allow you to integrate posts and comments, but not much else.

For example, Shoutem allows you to pull in posts by installing their plugin on your WordPress site. This lets you display your WordPress content and accept comments to your app.

Shoutem Example

This is similar for most app builders, with the exception of Reactor which allows for integration of some plugins. If you are a web developer, you can use a more advanced tool like Telerik AppBuilder, and developer APIs are available from most companies.


If you only need WordPress content in your app, and you are non-technical, an app builder is a great option.

App builders are probably the only option for a non-technical person who does not want to hire a developer.


If you need to make customizations to your app, or you want WordPress plugins in your app, an app builder is not the best option.

Let’s look at a couple of other ways to make an app with WordPress.

A Custom Hybrid App

The first method is creating a custom hybrid app using technology such as the Ionic Framework and the WP-API.

A traditional hybrid app uses web technology such as HTML, CSS, and JavaScript. It is then wrapped with PhoneGap to allow access to native device features, and to compile for the app stores.

You can think of it like a single page web application that can access WordPress content through an API. This is where the WP-API comes in.

The WP-API is a new feature that has been proposed for WordPress core. It is a JSON REST API for WordPress, which means it makes much of your content easy to use in external applications, such as a mobile app. It also allows two-way communication, such as creating posts and approving comments from the mobile app.

The WP-API makes it easy to get WordPress content into our mobile app. To use it, you just have to install and activate the WP-API plugin on your WordPress site. After activating the plugin, you can see your API data by visiting an endpoint such as http://yoursite.com/wp-json/wp/v2/posts.

There you can see your posts in JSON, which is what we can then pull into our mobile app. For example, we can send an AJAX request to get all post data in jQuery like this:

  <ul id="app"></div>

  jQuery(document).ready(function($) {
    $.get( "http://scottbolinger.com/wp-json/wp/v2/posts", function( data ) {
        $.each( data, function( i, val ) {
            $( "#app" ).append(
                '<li>' + 
                    '<h3>' +
                    val.title.rendered + 
                    '</h3>' +
                    '<p>' +
                    val.excerpt.rendered +
                    '</p>' +

If you add that code to a HTML file and load it in a web browser, you should see something like the image below. If you have the WP-API v2 plugin installed on your site, you can change the URL to your own site.

Working With Custom Post Types WP API v2

That’s a very simple example, to go beyond that you can use a mobile app framework such as Ionic. That will allow you to create something that looks like a mobile app much more easily. When developing a hybrid app, you can use web technologies like HTML and JavaScript to make the app. Using PhoneGap, you can wrap the app around your web code turning it into a native app for the iOS and Android app stores.

For an in-depth article on creating a mobile app with Ionic and the WP-API, see this article or this article.

Pros of this approach

Using this traditional hybrid mobile app approach allows you to create a fast app that allows for native transitions, caching, offline, and more. You can create an app that works entirely or partially offline, integrate multiple APIs (not just WordPress), and access device features such as the camera and push notifications.

Cons to this Approach

This is a great way to get content into an app, but what about all the other features of WordPress, such as plugins? The WP-API is great for pulling in content like posts and pages, but it starts to get difficult if you want to do anything else.

Many people want the plugins they use on their site to be available in the app. This is very difficult to do through the WP-API, if not impossible. For example, let’s take Gravity Forms. If you have a shortcode on your site that displays a Gravity Form, the HTML markup for the form will come through to the app. You will see the input fields and buttons, but they won’t work.

This is because Gravity Forms (and most plugins) use scripts and PHP processing on the WordPress website, which are not present in the app. The result is a non-functioning form. To use a plugin like this, you would have to essentially build AJAX form processing that communicates with Gravity Forms from scratch. Although not impossible, this one feature would be very complex.

One solution is to use iFrames to display the form, similar to Google Maps or YouTube. This works in some situations, but iFrames can be unreliable, and they don’t work for every plugin.

How can we solve this problem? Let’s look at AppPresser, which is a totally different approach.


As we looked at above, you can’t get WordPress plugins and other custom functionality into a mobile app very easily.

In the Gravity Forms example, you can see that it’s not possible to process forms in our app without a lot of custom code. The same is true of many other WordPress plugins, such as ecommerce plugins, BuddyPress, bbPress, and more. Basically any plugin that does more than just display HTML won’t work in our app out of the box.

AppPresser is a free plugin (there is also a paid version with extra features) that solves this problem by loading your entire WordPress website in the app. That means we can use almost all WordPress plugins in the app without an issue. For many plugins, this is the only way to get them to work in the app.

Let’s take the BuddyPress plugin for an example. BuddyPress is like “Facebook in a box” for WordPress. If you have a website using the social networking features of BuddyPress on it, you may want to make an app that allows the same type of social networking.


Other integrations include WooCommerce, Gravity Forms, bbPress, and hundreds of other plugins.

AppPresser allows you to work in WordPress to make the app, for example you can add a shortcode to a WordPress page called [app-camera] that adds a device camera when viewing the page in the app. This allows people familiar with WordPress to build an app without previous mobile development skills.


If you want a mobile app that works the same way as your WordPress site on a budget, in my opinion AppPresser is your best bet. It is the only way to incorporate lots of different plugins without lots of custom development.


AppPresser has limited offline functionality and device storage. If offline or speed are your main concerns, it may not be right for your project.

Which One is Right For Your Project?

We looked at three different ways to build a mobile app that integrates a WordPress website. Each method has pros and cons, and every project is different.

Using an app builder may be your only option if you are non-technical, and you don’t want to pay a developer. There are app builders for almost every type of app out there, so you should be able to make something that works without spending a lot of money. However, if you want a lot of customization, or deep WordPress integration, you may be disappointed.

Creating a custom app using the WP-API and a framework such as Ionic can get you a fast, high-quality app. You can do almost anything you need to do, including building offline functionality, custom design, and almost any feature you need. If you need to integrate WordPress plugins, you basically have to build everything on your own, for example form processing with Gravity Forms. Integrating your custom code with WordPress requires thinking hard about security and will require lots of custom code.

If you are interested in an app that mimics your WordPress site, and you are using a lot of custom plugins, AppPresser may be right for you. It is a fast and affordable way to get your WordPress site into an app.

Every project has different requirements, and having three different ways to build your app will help you find the best fit each time.

  • Carlos Jhin

    Hi Scott, this kind of article is always interesting but I see a problem there: you’re involved into 2 cited products, aren’t you? (ie. AppPresser and Reactor.) It is stated in your bio but normally it is a good practice to have a clear disclaimer (as seen in many other news sites). So, I am wondering why you didn’t consider other solutions such as Worona, WP-AppKit or Mobiloud?

    • virtualCableTV

      Why would Scott or anybody else want to blog about other libraries or frameworks when they are blogging about their own?

      • Carlos Jhin

        Well you’d be right SitePoint was the AppPresser’s blog. You’d be right if the title of this article was: “Building a Mobile App Using AppPresser”. But this article is published on a news site and presented as a benchmark. Note that the article itself is good. I was just pointing the way it is presented. Respecting journalism good practices adds quality to your articles.

    • http://chrisburgess.com.au/ Chris Burgess

      Hi Carlos, I was very excited for Scott to share his knowledge in this space! I’ve moved the existing disclosure in the article to the first line to make it clearer. We’re always open to ​people’s feedback on other platforms, so thanks for the suggestions :)

      • Carlos Jhin

        Thank you.

      • jasonkemp

        I agree with Carlos. Even with the changes in the first paragraph it should be presented as Disclaimer: then the disclosure right at the top. Otherwise it looks like native advertising for AppPresser etc.

  • http://Post20.com Joyce Santos

    This is something very interesting that is worth paying your extreme attention ,a very good chance to work for those people who want to use their free time so that they can make some extra money using their computers… I have been working on this for last two and half years and I am earning 60-90 dollar/ hour … In the past week I have earned 13,70 dollars for almost 20 hours sitting ….

    Any special qualification, degree or skills is not necessary for this, just keyboard typing and a good working and reliable internet connection ….

    Not any Time limitations to start work … You may do this work at any time when you willing to do it ….

    Just know how I have been doing this…..….see this (webiste-Iink) on my !profile!` to know how I am working` on this`


  • Davidd Anthony

    Hi Scott thanks for a great article. I would like to suggest another plugin. WORDAPP it’s free and can be downloaded at https://wordpress.org/plugins/wordapp-mobile-app/

    • http://chrisburgess.com.au/ Chris Burgess

      Thanks for sharing Davidd!

  • http://www.cygnet-infotech.com/ Hemang Rindani

    Great article. WordPress provides amazing functionalities to create mobile app and mobile friendly websites. It allows to use plugins that are specially meant for mobile sites and provides various options over dashboard to check performance of the page over different devices. Consider using WP mobile detector that automatically detects if the visitor is using a standard mobile phone or a smart phone and loads a compatible WordPress mobile theme.

  • Akang Toshi

    Nice article this is really what i was looking for thank you Scott.



Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Instant Website Review

Use Woorank to analyze and optimize your website to improve your website to improve your ranking!

Run a review to see how your site can improve across 70+ metrics!

Get the latest in WordPress, once a week, for free.