Mobile Apps Powered by WordPress

PhoneGap

Owned by Adobe, PhoneGap is the commercial version of Cordova. Much like WordPress.com and WordPress.org, Cordova and PhoneGap share the same codebase. PhoneGap is Cordova but with an easy-to-use compiler and customer support.

Installing Cordova

Create a directory for your app projects and navigate to it in your terminal. To install Cordova, first install Node.js, an open source JavaScript runtime environment. Then type node -v in your terminal. This returns the current version and verifies that you have Node.js installed and running.

Cordova uses npm to install: run the command sudo npm install cordova -g in the terminal—note the -g for installing Cordova globally. Once Cordova is done installing, the terminal should display the current Cordova version information.

To create a new app project, run your own variation of the command cordova create TestApp com.apppresser.apps.testapp TestApp in the directory where you want to store your app project, using your own values. The cordova create command accepts three parameters:

• App Project Directory: TestApp

• App Package Name: com.apppresser.apps.testapp (usually a reverse domain name is a good standard to use)

• App Name: TestApp

Let’s quickly review the files and directories Cordova created:

config.xml

Default settings file pre-Cordova version 7.

package.json

Default settings file starting in Cordova version 7.

hooks

Cordova hooks are custom scripts for customizing Cordova commands.

platforms

By default the platform’s directory is empty, but this directory will contain the files and code used to integrate Cordova with each platform software development kit (SDK) like Android and iOS.

plugins

Cordova plugins that your app uses. Any plugins that interact with native features will go here.

www

All your web resources that will be wrapped in your app’s web view.

It’s almost time to add platforms to your new app project, but first you should check out the platform guides on the Cordova website to make sure your environment meets all the requirements for each platform for which you’ll be building an app:

• Android Platform Guide

• iOS Platform Guide

Cordova and Android

Before you add all the necessary Cordova platform files for using the Android SDK, be sure you have access to the Android SDK via Android Studio. Install Android Studio now, if you haven’t done so already.

With Android Studio installed, run the following command in your terminal, from within your new app project directory:

cordova platform add android

Terminal should output something like this:

Brians-MBP:TestApp bmess$ cordova platform add android
Using cordova-fetch for cordova-android@^8.0.0
Adding android project...
Creating Cordova project for the Android platform:
	Path: platforms/android
	Package: com.apppresser.apps.testapp
	Name: TestApp
	Activity: MainActivity
	Android target: android-28
Subproject Path: CordovaLib
Subproject Path: app
Android project created with cordova-android@8.1.0
Plugin 'cordova-plugin-whitelist' found in config.xml... Migrating it to
package.json
Discovered saved plugin "cordova-plugin-whitelist". Adding it to the project
Installing "cordova-plugin-whitelist" for android
Adding cordova-plugin-whitelist to package.json

If you look in the platforms directory of your app project directory, you should see a new android directory that will contain all of the default resources your app will need to run on the Android platform.

If you want to compile your new app project in order to test it you have to run the command cordova build in the terminal. This command will build your app for all available platforms. You can also limit the scope of the build to specific platforms by running the command cordova build android.

Once you receive the BUILD SUCCESSFUL message in the terminal, you’ll notice a path to where a newly built .apk file is located. This APK file is your compiled Android app, which you can install and test on any Android device. To plug your Android device directly into your computer and configure it for testing, run your app directly on your device using the cordova run android command.

If you do not have an Android device and would like to test your app in the Android emulator, run the cordova emulate android command in the terminal.

Cordova and iOS

Just like how you need access to the Android SDK files from Android Studio, you need the iOS SDK files from Xcode. If you do not have Xcode installed, do it now (or you won’t be able to build an iOS app).

To add iOS as a supported platform in your new Cordova project, use the cordova platform add ios command in the terminal. You should get a similar response to the following:

Brians-MBP:TestApp bmess$ cordova platform add ios
Using cordova-fetch for cordova-ios@^5.0.0
Adding ios project...
Creating Cordova project for the iOS platform:
	Path: platforms/ios
	Package: com.apppresser.apps.testapp
	Name: TestApp
iOS project created with cordova-ios@5.0.1
Installing "cordova-plugin-whitelist" for ios
Brians-MBP:TestApp bmess$

The Cordova CLI commands for building, running, and emulating your app for iOS are the same as the Android commands, plus ios at the end of each command:

cordova build ios

Compiles the app into an app build.

cordova run ios

Runs the app directly on an iOS device that is configured for testing and plugged into your computer.

cordova emulate ios

Runs the iOS app on an IOS emulator.

Cordova plugins

Just like WordPress has plugins that can extend the functionality of your website, Cordova has plugins that extend the functionality of your app. Cordova plugins interact with native device features via JavaScript.

There are core Cordova plugins and third-party Cordova plugins available to install and use on your app, and you can also build your own! Core Cordova plugins include the following:

BatteryStatus

Provides an API accessing batterystatus, batterycritical, and batterylow events.

Camera

Provides an API for taking pictures and for choosing images from the device image library.

Capture

Provides access to the device’s audio, image, and video capture capabilities.

Connection

Provides information about the device’s cellular and WiFi connection, and whether the device has an internet connection.

Device

Provides information about the device’s hardware and software.

Events

Provides various event listeners to be used within your app including deviceready, pause, resume, backbutton, menubutton, searchbutton, startcallbutton, endcallbutton, volumedownbutton, volumeupbutton, and activated.

File

Implements a File API allowing read/write access to files residing on the device.

Geolocation

Provides information about the device’s location, such as latitude and longitude.

Globalization

Provides information and performs operations specific to the device locale, language, and time zone.

InAppBrowser

Enables the ability to view web pages from within your app without leaving it.

Media

Provides the ability to record and play back audio files on a device.

Notification

Provides access to some native dialog UI elements like alert, confirm, prompt, and beep.

Splashscreen

Displays and hides a splash screen during application launch.

Status Bar

Provides functions to customize the iOS and Android StatusBar.

Storage

Provides functions for local storage on the device.

Vibration

Provides a way to vibrate the device.

For a list of other available noncore Cordova plugins, check out the Cordova Plugin search page.

To add a Cordova plugin to your project, use the cordova plugin add command with the name of the plugin. For example, to add the camera plugin to your project you would use the full camera plugin name at the end of the command:

cordova plugin add cordova-plugin-camera

You can also add a plugin by using a Git repository URL. For instance:

cordova plugin add https://github.com/apache/cordova-plugin-camera.git

At any time while in your project directory, you can list the plugins you have installed by running the cordova plugin ls command.

Installing and configuring on WordPress

When you sign up for AppPresser, you will gain access to the AppPresser Ionic theme, AppPresser plugins, and a My AppPresser dashboard account. The first thing you will need to do is install and activate the AppPresser core plugin. Log in to your WordPress website, go to Plugins → Add New, and search for AppPresser. Install and activate, then download the AP3 Ion Theme from your AppPresser account page. After the AppPresser core plugin is installed and activated, do the same for any other AppPresser plugins you want to use with your WordPress website.

Next, install the AppPresser AP3 WordPress theme in your themes directory. Go to Appearance → Themes → Add New → Upload, and upload the theme ZIP file. The AppPresser theme cannot be uploaded as a plugin. Don’t activate the AppPresser theme—it just needs to be in your themes directory. When your website receives a request from your mobile app, it will serve up the AppPresser theme automatically instead of your default active theme.

To configure AppPresser and its plugins, visit the AppPresser settings menu on your WordPress dashboard menu. Add your site slug and app ID, which can be found by logging into myapppresser.com and visiting Your App → General. Add those settings and save.

For each AppPresser plugin you have installed and activated, there will be another tab with configuration options. Some AppPresser plugins essentially bridge WordPress and Cordova plugins like accessing a device camera or GPS data. Other AppPresser plugins include custom integration with popular third-party WordPress plugins like WooCommerce, LearnDash, and BuddyPress via their REST APIs to provide customizable mobile app pages. AppPresser plugins currently include:

• AppBuddy

• AppCamera

• AppCommerce

• AppCommunity

• AppGeolocation

• AppPush

• AppShare

• AppWoo

• App Facebook Connect

• LearnDash

• In App Purchases

The App Builder

After setting up the AppPresser plugins on your site, log in to your myapppresser.com dashboard. Your app dashboard is where all of your apps will be displayed. Click the orange New App button, give your app a title, and then click “create app.”

Once your app is created, you will be redirected to the dashboard for your new app. Here, you can choose to customize your app, set up push notifications, and more. Click “Customize and Build App” to go to the app customizer, where you can change your app colors and add pages, menus, and more. This should look very familiar, as it’s basically the WordPress theme customizer, but instead of previewing your active WordPress theme you are previewing your mobile app (see Figure 16-1).

Figure 16-1. MyAppPresser Customizer

In the App Builder you’ll put together and customize your app. Using the App Builder and customizing your app settings gives you almost complete control of how your mobile app will look, feel, and function. There are six items in the App Builder main menu:

Colors

Visually change the default colors of any of the elements available in your app. The default elements include: Body Background, Text Color, Button Background, Button Text, Left Menu Background, Left Menu Text, Left Menu Icon Color, Link Color, Headings Color, and Android Status Bar Background.

Design

Customize some of your app design elements like your heading fonts, body font, and any custom fonts you would like to use. You can also apply any custom CSS here to completely customize your app design.

Settings

Enter general information about your app that will be required in an app build, and further customize your app with additional settings. You can choose from using a side menu or a tab menu or both. You can enable the camera, push notifications, and geolocation. You can upload your app icon, splash screen, header logo, and any additional offline assets such as local images to be displayed or videos to be played. You can upload a JavaScript file to use custom JavaScript within your app. You can choose the default language to be used within your app and even choose right to left (RTL) text if need be.

Build and Preview

Here you’ll build your app once you finish customizing it. Click Build App to compile your app for testing and/or app stores. Enter your PhoneGap Build auth token to compile for a device. This will allow you to use a QR code to scan and get the app onto your device. Note that iOS won’t work without a signing certificate. You can also download the build files as a ZIP file here if you’d like to extend or customize your app further than what you can do with the App Builder.

Menus

Control what pages will be available in your apps. You can add either custom links or custom pages. Add a page title and custom link with the full URL to the WordPress website page you would like to add to your app; this is how you can display any WordPress pages in your app using the AppPresser theme. If you have any custom app pages built you can also add them to the app here.

Custom Pages

Build custom pages for your app. These are not regular WordPress pages loading from within your app; these will be local app pages that are highly customizable.

When the App Builder is used in conjunction with AppPresser themes and plugins, you can quickly build iOS and Android apps from any WordPress website. Let’s say your website has a membership plugin and LearnDash installed, and you want integration plus some WordPress posts in your app. First, install the AppPresser core plugin, add-on plugins, and theme on your site. Nothing changes on the website, because AppPresser is only active within the app.

Next, log in to your visual app builder and create a new app. Choose the pages from your site you want in the app. For example, if you want your BuddyPress activity feed in there, you can add the URL to your activity page in the app menu. You also want your LearnDash courses, so you create a custom REST API-based page for that.

You can choose to add a login button to your menu, so users can log in and out, or register on your site. After that you change the colors, add your icon and splash screens, and build the app. You can preview it in the browser, or the AppPresser Preview app for iOS and Android, or use PhoneGap Build to test on your device.

Compiling and testing an app

On the Build and Preview tab of the App Builder/theme customizer, you’ll need to integrate with the PhoneGap Build API via an authentication token generated from your PhoneGap Build account to send your app to get compiled and built. If you don’t have an account, create a free one and then go to Account → Client applications to access your authentication token. Then save your token in the PhoneGap Build Auth Token field, and click the Build App button. This packs up all your AppPresser app files and sends them PhoneGap Build to be compiled. Once PhoneGap build is finished, a QR code and link is displayed; this allows you to download and install an APK file for Android or iOS app if you have the proper signing key and key password. If you don’t yet have an Apple developer account or an iOS signing key, you can test your app on iOS using the AppPresser Preview app. This app can also be used for testing your app on an Android device.

Basically, the AppPresser Preview App allows you to log in to AppPresser so you can test it out on your device while you’re building it or implementing updates. On the Build and Preview tab, you will also notice a button called Update Live App. Click here to push changes (such as custom CSS or menu item changes made in the App Builder) to an existing installed app. It basically tells the app to fetch new data from your API.

For example, suppose that you have an app on the app store, and it has a blue background. You want to experiment with changing the color to red, but don’t want current app users to see this change. Make your changes in the app customizer, and preview the new color. When you’re satisfied, click Go Live, and your live app background will then change to red. Any local updates to your app, such as offline content (new splash screens, custom HTML pages, etc.), will have to be recompiled, the app distributed, and then the app updated on installed devices for any changes to take effect.

Linking between app pages

Since there are a few different page types, linking from one app page to another can take a few different forms.

To link from a WordPress page to an app page, add a link inside your WordPress iframe page that links to a page in the app. Use any of the following code in any WordPress post, page, or CPT.

1. Link to a page in your side menu:

   <a href="#" data-applink="2">Menu 2</a>

2. Link to a tab page:

   <button data-apptablink="1">Tab Menu 1</button>

   The number in the link refers to the menu item position, starting with 0. For example, the first page in your menu would be 0, the second page 1, and so on. Link from a custom HTML page to another page (must be in the menu). In this case you are creating a custom HTML page and you want to link to another app page.

3. Add a button to the page:

   <button ion-button>Visit Page</button>

4. Add a click function in that button:

   <button ion-button (click)="pushPage( pages.menus.items[0] )">
    Visit Page
   </button>

   Based on your menu, the page you are linking to will change.

   For side menus, use pages.menus.items[]. For a tab menu, use pages.tab_menu.items[], as follows:

   <button ion-button (click)="pushPage( pages.tab_menu.items[1] )">
    Visit Page
   </button>

   The number refers to menu items, starting with 0. The first item is 0, the second is 1, and so on.

   If you do not want a back button, use openPage instead of pushPage:

   <button ion-button (click)="openPage( pages.menus.items[3] )">
    Visit Page
   </button>

AppCamera plugin

The AppCamera extension allows your app users to take photos that will be uploaded directly to your WordPress site. You can then display those photos in your app. AppCamera also integrates with WooCommerce, BuddyPress, and a shortcode you can use on any post or page. After you install and activate the AppCamera plugin, you’ll find a new AppPresser Camera tab in your AppPresser settings. Click this to configure the Camera extension settings.

The AppCamera extension offers multiple settings to help you configure its behavior:

Camera license key

Add the license key you received, with your purchase. This will enable you to receive updates for the plugin as they’re released.

Uploaded photos must be moderated

Use this setting if you want to be able to review/approve/deny all uploaded photos before they are published live.

Email new photos to admin email

Use this setting if you want to be notified by email, using the WordPress set admin email address, whenever a user uploads a new photo, regardless of moderation being required.

Save photos to featured image

When you enable this and have uploads set to create new posts, the uploaded image will also be set as the post’s featured image.

Photo upload description

Text that will be displayed as a description on the rendered upload form.

Text to display if logged out

Text that will be displayed to logged-out users.

Once you are happy with the settings, click the Save Settings button.

AppCamera automatically adds a photo upload button to WooCommerce product photo galleries and the BuddyPress activity modal (with the AppBuddy and AppWoo plugins also installed).

You can also manually add the shortcode (described in a moment) to a page or post, which shows a photo upload button in your app. The Take Photo and Upload Image buttons appear only when a user is logged in; otherwise, they will see “Please login” text. It is not secure to let logged-out users upload images to your site, so this is not an option in our plugin. There are a variety of ways to display images uploaded from your app on your app or website (see Figure 16-2).

Figure 16-2. AppPhoto shortcode

Gallery shortcode

You can add a WordPress gallery shortcode [gallery], on the same page where you have the [app-camera] shortcode. This will display your images. Note that this page does not refresh dynamically to display newly uploaded images, but you can use JavaScript to do that if needed.

Action="this"

If you are using [app-camera action="this"], each photo from the app will be uploaded to the media library and attached to the current post or page where the shortcode is.

Action="new"

If you are using [app-camera action="new"], each photo will create a new post. You can then display these posts any way you like, such as a custom template in your theme, or a plugin like Display Posts Shortcode.

You can use the post_type attribute to specify a post type that you have already registered, such as app_photos to display only these photos and not other posts. This method supports moderation.

The AppCamera extension also comes with some shortcodes:

• [app-camera action="new"]

• [app-camera post_type="page"]

• [app-camera post_title="true"]

• [app-camera not_logged_in="Please log in first"]

• [app-camera description="You can upload your photos!"]

[app-camera post_type="page" force_login="false" action="new"]

You can choose to moderate images before they are displayed on your site. To moderate photos, go to the AppPresser settings page, click the Camera tab, select the “Uploaded photos must be moderated?” checkbox, and then save. If you have selected the option that uploads need to be moderated before being added, the section for this will not appear until there are actually photos to moderate. Once moderation-pending photos are available, you will see a new Moderate Photos submenu item in the AppPresser menu. Next to it will be a notification of how many are pending approval. You will also be able to access this page from a Photo Moderation Panel link that will show up next to the Save Settings button in the AppCamera tab.

When viewing the moderation page (shown in Figure 16-3), you’ll see a list of pending photos that you can view, approve, and deny. A thumbnail preview, filename/type, uploader, post it was uploaded to, and date will all also be available. Checkboxes along the left allow you to approve or deny in bulk, and each photo has its own approve or deny links. Once the queue is empty, the menu item and link will disappear until there are more to take care of.

Figure 16-3. Moderating uploads

AppCamera also comes packed with many WordPress hooks you can use for your own app customizations:

appp_after_camera_buttons

Hooks immediately after the form for the photo upload has displayed.

appp_after_process_uploads

Hooks immediately after the photo upload handling is done. Passes in the affected post ID and the new attachment ID from the upload. This allows you to do more processing on either post or attachment afterwards.

appp_before_camera_buttons

Hooks immediately before the form where the photo upload is displayed.

active_plugins

Allows you to intercept get_option( active_plugins ) before your extension determines whether the required plugins are presently active. Default value: get_option( active_plugins ).

appp_camera_description

Allows you to intercept and modify, if needed, the text to display as the description. This value is originally set in the Camera section of the AppPresser settings page. Default value: Upload your photos!

appp_camera_not_logged_in_text

Allows you to intercept and modify, if needed, the text to display to not-logged-in users. This value is originally set in the Camera section of the AppPresser settings page. Default value: Upload your own customer image!

appp_camera_post_title_label

Allows you to intercept and modify the label for the post_title field that is displayed via the [app-camera] shortcode. Default value: <label> . __( Title:, appp ) . </label>

appp_upload_email_message

Allows you to intercept and modify the default message that is set with the email notifications for new uploads.

appp_upload_email_subject

Allows you to intercept and modify the default subject that gets set with the email notifications for new uploads. Default value: A new photo was uploaded.

appp_upload_email_to

Allows you to intercept and modify the default email recipient who will be receiving the email notifications for new uploads. Default value: get_settings( admin_email ).

appp_camera_photo_blog_embedded_img_size

Allows you to intercept and modify the default size for photo blog image embeds. Default value: array( 768, 2500, false ). The first parameter is width in pixels, the second parameter is height in pixels, and the third parameter is whether to crop.

appp_moderate_maybe_publish

Allows you to intercept and modify, if needed, the array of arguments used for the publishing of the post once a photo is approved from moderation. Default value: array( ID ⇒ absint( $parent[0] ), post_status ⇒ publish );.

appp_insert_photo_post

Places the uploaded image into the post content area, if a user has chosen not to have the image applied to the featured image.

WooCommerce plugins

AppWoo has been developed specifically to integrate WooCommerce into your app, along with the AppPresser theme. To create your WooCommerce pages in your app, visit your app customizer menu. Click “add items,” choose “WordPress/external links,” and then add your shop page URL and save. You can also add other pages like account and custom product category pages.

AppWoo is fairly self-contained and does not have any user-configurable settings. However, it does the following under the hood to help optimize AppTheme with WooCommerce for your native app:

• Shapes the page layout for single products to fit nicely with app-like structure. It accomplishes this by removing various WooCommerce hook callbacks as well as registering some new ones for AppTheme to achieve the desired layout.

• Provides integration with AppSwiper and helps with Ajax and sliders for product images. This way you can more easily display multiple product images and variety for your customers.

• If you have AppCamera active, it will automatically add the ability for users to upload and submit images to each product.

• Provides a user profile in the left panel menu for your returning customers. When they toggle the menu, they’ll see their name and profile picture.

• Provides cart information and totals in the left panel menu for your customer. Provide easy access to your customer’s information and orders, directly from the menu.

There are several AppWoo hooks that you can use from within your own custom WordPress plugin:

appp_after_product_images

Hooks right after the product images gallery display.

active_plugins

Allows you to intercept get_option( active_plugins ) before the WooCommerce extension determines if WooCommerce is presently active. Default value: get_option( active_plugins ).

apppresser_woocom_gallery_ids

Allows you to intercept and modify, if needed, an array of gallery image IDs used with the gallery display. Default value: $gallery_ids.

apppresser_disable_woo_styles

Allows you to intercept and prevent the disabling of WooCommerce styles. Default value: true //Styles will be disabled.

If you are using WooCommerce in your app, a cart icon will automatically appear on single product pages in your app. If you’d like it to appear on every page, you can add the following code to a custom JavaScript file in a plugin or child theme on your WordPress site:

jQuery(document).ready(function($) {
	if( $('body').hasClass('woocommerce-page') ) {
	  var message_array = {};
	  message_array['post_title'] = window.appp.post_title;
	  message_array['cart_link'] = window.apppwoo.cart_url;
	  parent.postMessage( JSON.stringify( message_array ), '*');
	}
});

(Note that this is only an example; you might need to edit this script to work properly for your site.)

With huge updates to WordPress and WooCommerce over the past few years, AppPresser built a new WooCommerce mobile app integration called AppCommerce. It’s faster, cleaner, and more focused on providing your customers a great experience in your store. AppCommerce connects to your WooCommerce store through the WooCommerce REST API. Your customers can add products to their cart, log in, view past orders and account details, create a wish list, and more. Checkout happens on your website through the in-app browser. It’s seamless, and it allows you to use your current payment gateways, shipping, and taxes with no further configuration. If you want, you can fully customize the checkout experience to differ from the website. After payment, your customers are effortlessly directed back to the app. AppCommerce is all fully customizable using the AppPresser app builder. You choose what pages go in the app, what products are displayed, what colors to use, and lots more.

To add your WooCommerce shop, cart, and account pages to your app, visit your app customizer, and go to Custom Pages. There, you need to click Add New Page, and choose AppCommerce.

For a shop page or any app page you would like to add a product list on, all that’s required is the woo-list tag, and selecting Shop under the component. Use the following code to show a product list on your custom app page:

<woo-list route="products" infiniteScroll="true"></woo-list>

To customize the products or product categories displayed, use any URL parameters found in the WooCommerce REST API documentation. For example, you can add "products?type=simple" to show only simple products, or out-of-stock products by adding "products?stock_status=outofstock":

<woo-list route="products?stock_status=outofstock" infiniteScroll="true">
</woo-list>

For a dedicated cart page on your app, you are required to have the woo-cart tag somewhere on the page, and Cart selected as the component:

<woo-cart></woo-cart>

For the account page use the following:

<woo-account></woo-account>

You can add other WooCommerce pages to your app, such as a wish list. Customers can click “Add to list” on a product, which saves to their wish list. To create a wish list page, create a new custom page and choose AppCommerce. Set the component to “None” and add the following component code:

<woo-list wishlist="true"></woo-list>

Checkout happens on your website through the in-app browser. We recommend using the WooCommerce Smart Checkout plugin for the best experience.

LearnDash/AppLMS

The LearnDash integration allows you to add courses, topics, lessons, and quizzes to your app. You can restrict content based on login status, and incorporate a membership plugin, BuddyPress, gamification, and more. To add LearnDash to your app, just create a page that displays your courses. The rest is taken care of. To add courses to your app, create a new custom page in your app customizer under Custom pages → Add new page to be your course listing page. Add the following code:

<ap-list wp="true" card="true" class="col-2"
     route="https://mysite.com/wp-json/wp/v2/sfwd-courses?per_page=10">
       </ap-list>

Modify the per_page parameter to show any number of courses you like. This will display your courses in a two-column card layout. You can also modify the ap-list component to display them in a single column list like this:

<ap-list wp="true" route="https://mysite.com/wp-json/wp/
     v2/sfwd-courses" infiniteScroll="true"></ap-list>

Add any other text or HTML code you like and then save. Next, add this page to your menu and rebuild your app (Figure 16-4).

Figure 16-4. Adding courses to your app

If you don’t like this API-based approach, or need more customization, you can use a WordPress-based approach instead. Create a new page on your WordPress site and add the LearnDash course list shortcode. If you are a developer, or someone looking to really dig into deep customization, you can build whatever add-on plugin you need to extend this functionality however you want.

AppPush

Push notifications send messages to any device that has installed your app and allows push notifications. AppPresser comes with push notifications. They require a bit of setup, so follow the instructions very carefully. A few things to note:

• You cannot test push notifications in a simulator or on the AppPresser Preview app; you must use an actual device.

• Most problems derive from iOS certificates, so make sure to follow the instructions exactly.

• You must have a valid iOS developer account for Apple. You can find more information at Apple Developer.

• Android requires a free Firebase project and API key.

Once you set up your iOS certificates and Firebase project, you can add this information to myapppresser.com and PhoneGap Build in order to send push notifications from either inside My AppPresser or via the AppPush plugin installed and integrated into your WordPress website.