WooCommerce App Builder
Themeisle content is free. When you purchase through referral links on our site, we earn a commission. Learn More

These days, almost anyone can build a website and set up an online store thanks to platforms such as WordPress. However, creating a mobile or web application for eCommerce is still relatively intimidating. That’s where a WooCommerce app builder comes in.

App builders enable you to take your online store and ‘repackage’ it for mobile devices. You can then reach a broader audience and take advantage of functionality such as push notifications, which can help drive sales.

In this article, we’ll introduce you to the concept of WooCommerce app builders. Then, we’ll show you how to create an app for your store using AppMySite.

Let’s dig in.

WooCommerce app builder introduction

The way we interact with the internet has shifted dramatically during the past few years. Nowadays, over 50 percent of all traffic on the web comes from mobile devices.

On top of that, 25 percent of all eCommerce transactions occur on mobile devices. Some researchers believe that by the end of 2020, such purchases will be responsible for 45% of the entire market in the U.S.

If your online store is mobile-friendly, that trend shouldn’t scare you. However, apps offer many features websites don’t, including push notifications, touch ID purchasing, and much more.

It’s important to note that some of these features are only available for platforms that qualify as ‘native apps’. They differ slightly from an alternative known progressive web apps (PWAs).

In a nutshell, PWAs are applications that work like websites. They load in browsers and don’t require downloading. Although they tend to be cheaper and faster to build, they’re not as well suited as native apps to complex functionality such as eCommerce.

Native apps, by and large, offer a much better user experience (UX) than PWAs and traditional mobile websites. The problem is, developing one from scratch can cost thousands of dollars and take several months.

If you can’t do the work yourself or afford to hire a mobile developer, your only other option is an ‘app builder‘. Such platforms can take your website and repackage its content into a fully functioning native app.

WooCommerce app builders are a relatively new concept, as eCommerce platforms tend to be very complex and therefore difficult to accommodate. However, now that taking your online store mobile is a more attainable goal, it may be an opportunity worth considering.

How to set up a store using a WooCommerce app builder (in 4 steps)

To understand the ins and outs of using a WooCommerce app builder, it may be helpful to see one in action. Below, we’ve taken a fully-functioning WooCommerce site using the Neve Shop theme and turned it into a mobile platform with AppMySite:

The AppMySite homepage of its WooCommerce app builder

AppMySite enables you to generate test apps for WordPress and WooCommerce sites for free. However, to access all your app’s files, you do need to pay for a subscription.

Subscription plans start at $9 per month for an Android app or $19 per month for both Android and iOS, as well as some additional features.

Here’s how to use it…

Step 1: Create a new app project

Keep in mind, AppMySite only works with HTTPS-enabled websites, which makes sense for eCommerce apps. An SSL certificate is a must for secure payments, so set up one now if you haven’t already done so.

Creating a free AppMySite account only takes a couple of minutes. Once you do, you’ll see a button that reads BUILD APP. Go ahead and click on it:

Building a new app.

AppMySite will then ask you to provide your website’s URL, what type of site it is, and a name for your new project:

Entering your app details.

Once you fill out the form, AppMySite will set up your project and you can move on to your app’s appearance.

Step 2: Customize your app’s style

AppMySite guides you through the creation process step by step. The first thing it asks you to do is select or upload an icon and set its background color and text. This is how users will identify your app on their home screens, so consider these elements carefully:

Configuring your app icon in the WooCommerce app builder

Next up, you’ll need to customize your store’s launch screen. As with your icon, you can upload an image or use a solid color with a text overlay:

Configuring your app's launch screen.

Then you can design your app’s login and signup screens using a similar set of options. Note that AppMySite also enables guest users:

Configuring your app's login screen.

Up next, you get to play with your app’s top header and button options and design a dashboard for it. AppMySite enables you to re-arrange (but not customize) a few key elements including your store logo, featured products, your shopping cart button, and more:

Arranging your app's dashboard.

You may notice that AppMySite doesn’t enable you to customize your product pages. Instead, it pulls information from your site and applies default styling. That means your theme won’t shine through, but this may be a small price to pay for a low-cost eCommerce app.

Once you’re done customizing your app, it’s time to connect it with your existing WooCommerce store.

Step 3: Sync your app with your WooCommerce store

To connect your WooCommerce store with AppMySite, you’ll need to generate an API key for your website:

Validating your store by entering its API key in the WooCommerce app builder

Head over to your WordPress dashboard. There, navigate to WooCommerce > Settings > Advanced and select the REST API option at the top of the screen. Click on the button that says Create an API key:

Generating an API key in WooCommerce.

WooCommerce will ask you for a description of the project you need the key for and which permissions it should provide. Set it to an admin account and include both read and write permissions:

Setting an API key's configuration.

After you fill out that information, WooCommerce will generate Consumer and Consumer secret keys. Copy them over to AppMySite, then hit the SUBMIT button.

AppMySite will then ask you to install its official plugin on your WordPress website, which it will use to sync your products.

Once the plugin is active, click on the VERIFY button in AppMySite:

Verifying your store's connection with the platform.

If you copied the API keys and installed the plugin correctly, AppMySite will then sync your products.

Step 4: Preview and publish your WooCommerce app

Now, AppMySite will enable you to tinker with a preview of your app. Keep in mind that to publish it, you’ll need to switch over to a premium account:

A preview of a WooCommerce app made with an app builder

From the preview, you’ll be able to check and ensure that all the basic functionality is there. The major downsides to AppMySite are that you can’t import your store’s styling and that customization options are limited. However, that’s to be expected with a turnkey solution.

That said, even if you don’t have any development experience or a sizable budget, AppMySite can help you create a functional WooCommerce app. Such options are only likely to improve in the future, so it’s an exciting time to launch a mobile shopping platform.

Conclusion

You already have an online store thanks to WooCommerce. The next logical step is to publish a corresponding mobile app so you can provide a better mobile shopping experience for your customers. If you’re not ready to spend thousands of dollars on custom development, your best bet might be a WooCommerce app builder.

If you want to try building your own WooCommerce app using AppMySite, here’s how the process works:

  1. Create a new app project.
  2. Customize your app’s style.
  3. Sync your app with your WooCommerce store.
  4. Preview and publish your app.

For some other tips on how to enhance the shopping experience at your store, check out our guides on how to optimize your WooCommerce product pages and write better product descriptions.

Do you have any questions about how to use a WooCommerce app builder? Let us know in the comments section below!

Free guide

5 Essential Tips to Speed Up
Your WordPress Site

Reduce your loading time by even 50-80%
just by following simple tips.

Download free guide

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!