Documentation

Documentation Icon

1.Introduction

This page provides a comprehensive user guide for our clients to be able to use APPExperts platform and successfully generate wonderful apps that are ready to be released into the market and boost their businesses.
Here you can find information about APPExperts plugin, steps of creating the mobile application and user profile and account features.

This documentation will provide  you with essential information to:

  • Signup for a new account on APPExperts.
  • Create an application using APPExperts.
  • Guide to build your android and iOS apps.

The documentation will always be updated with every new release of APPExperts platform to keep you informed of all our exciting upcoming features. Let’s get started! 

Yes No Suggest edit

1.1.Purpose of the platform

APPExperts is a premium software that gives you the power to turn your WordPress-powered website into a mobile application for iOS and Android phones, tablets, and other mobile devices.

Users can complete the process of creating their application in 5 simple steps:

  • General Details
  • Access
  • Content
  • Integration
  • Build
Yes No Suggest edit

2.Plugin Installation

In order to be able to generate your application, you need first to download and install our plugin on the WordPress website that you’re planning to connect to your app.

  • Open the admin panel on your WordPress site and select the dashboard tab from the main menu.
  • Select the “plugin” tab from the main menu.
  • Select the “Add New” option to add a new plugin.
  • In the search bar, type “APPExperts.”
  • When the “APPExperts” plugin is displayed in the results section, click on the “Install Now” button and activate the plugin.

You can also download our plugin from wordpress.org from here: https://wordpress.org/plugins/appexperts/

Yes No Suggest edit

3.User profile and plans

Navigate to the Web Application Panel of APPExperts, There’s user icon on top right corner of the page that allows you to go to your profile and subscription details

  1. profile tab:

  1. subscription details (shows your current subscription plan details and soon will show payments history)

 

 

Yes No Suggest edit

3.1.User registration

To create an account on APPExperts, please go to the signup page  here 

you will need to provide your personal information and set a password  to your account, After you submit the signup form, you will be asked to verify your email.

An Email is sent to your inbox with verify email link, Make sure to complete this step to be able to create your application.

Yes No Suggest edit

3.2.Manage your subscription plan

  1. For new users who want to subscribe, you can check our subscription plans from our website here
  2. You need to first have an account on our platform App.appexperts.io  in order to be able to subscribe to a plan. All our new users are put on our free forever plan that includes our core features + credits of APPExperts on the generated apps pages.
  3. After selecting a plan, you will get redirected to the checkout page to complete the payment for the selected subscription.
  4. Payment is processed through Stripe platform that accepts all types of cards and is secure.
  5. After completing the payment, You will receive an email with the invoice and your account will automatically be moved to the new plan to enjoy its benefits.
  6. The payment card should be saved on stripe for automatic renewal and in case your card requires authentication for each transaction, You will receive an email that you can follow to complete the payment.
  7. You  can change your subscription plan any time using change plan option in your profile

  1. You can cancel your subscription plan anytime by using the cancel plan option in your profile. Note that cancellation takes place after the end of the current active plan period.

 

Yes No Suggest edit

3.3.Login

  • You can log in to your created account using their email and password.
  • If the you forgot your password, you can ask for a new password by submitting a request to the system. The system will ask you to write your email that is associated with the account, You will receive an email to reset your password.
  • It’s recommended that you use secure passwords and that you change your password every 3 months. 
Yes No Suggest edit

4.Creating a new application

In this section, You will learn how to create and configure your mobile application 

 

Tip: Before you start, make sure you organize your thoughts and requirements about your needed app features and pages so that you go through a smooth app building journey! 

Our free plan provides you with an option to create only one application using APPExperts.

We’ll soon release our premium plans which will enable users to create multiple applications using the platform.

You can meanwhile, tryout our initial version and if you have any features suggestions, Kindly fill this form: https://appexperts.io/request-a-feature/

 

Let’s Get Started!
Yes No Suggest edit

4.1.Step 1: Configure your app (General details)

General details step allows you to do the following:

1. Define your app name

2. Define package name

3. Provide app description 

4. Select app category -> Currently APPExperts allows you to create apps of three types:

  • Blog app
  • Ecommerce app (based on woo commerce)
  • Informative app (suitable for company websites and NGOs) 

5. Connect your WordPress website which you want to pull data from it into your mobile application

Yes No Suggest edit

4.1.1.Add an app name

Enter a unique name for the app in the app name input field.

App name must be unique ( doesn’t exist on google play or apple store). 

Your app name should represent your brand name or is inspired by your app functionality.

This is the name that will be display on the application when it gets published on stores and in apps menu when users install the app.

 

 

 

  • There is a simple way to check availability of package name Follow this step:

            > First go to browser

            > https://play.google.com/store/apps/details?id=Type here your package name

if there is no result its available for you, otherwise you saw application of this package name owners

 

 

  • You can also use tools like this tool: https://www.namecheck.com
Yes No Suggest edit

4.1.2.Package name

The package name is a unique identifier for any app on the app store. You must meet the following requirements when choosing a package name:

  • Enter package name in the form of 3 sentences separate with a dot (xxx.yyy.zzz)
  • The system will verify that name with Google PlayStore and Apple Store.
  • an example of package name: If your url is mysite.com then a valid package name would be: com.mysite.appexperts

 

You can also choose to let APPExperts auto Generate the package name for you by clicking on Generate option

Yes No Suggest edit

4.1.3.Add the app description

Write a short description for your application in the description input field.

Make sure app description provides hint about your core app features and what will user get when he uses the app.

Yes No Suggest edit

4.1.4.App Category

APPExperts allows you to create apps of three categories:

  • Blog app: This is suitable for websites that have an active WordPress blog as this type allows the app to list and display blog posts from your connected website.
  • E-commerce (based on woo commerce) : This type is suitable if your connected website is an E-commerce store based on woo commerce plugin. Make sure woo commerce is enabled on your website if you’re planning to select this option.
  • Informative app: This is suitable for company websites and NGOs websites. This option allows you to create a mobile app that lists specific pages from your website in any order you provide.

Yes No Suggest edit

4.1.5.Add website URL

  1. Make sure that APPExperts plugin is installed on your wordpress website and is activated
  2. copy your website’s base url as in this format “https://www.example.com/” and paste it in “Your website url” field 
  3. copy license key from AppExperts plugin settings on your wordpress website and paste it in License key field
  4. If your website type is ecommerce, please make sure that you have woocommerce plugin activated
  5. press connect and the connection checker will let you know if you have successfully completed the connection.

Here’s where you can find the license key

 

Note: If you can’t see this section this means that your plugin is outdated. Please update your plugin first to be able to see license key part.

Yes No Suggest edit

4.1.6.App testing

You can test the connection between APPExperts and your website through cconnection status section indicated in the screenshot below.

To obtain a successful connection you need to make sure that:

  • APPExperts plugin is instlled and active on your website 
  • Your provided website base URL is correct and added in a correct format (https://www.example.com)
  • in case you’ve selected E-commerce type, make sure that you have woo commerce plugin installed and enabled on your connected website. 

You can always contact our support if you face any issues during your website connection 🙂 

Yes No Suggest edit

4.1.7.Add consumer and secret key

Note: This step is related to ecommerce app type only.

Woocommerce plugin must be installed on your website for this step to work.

To allow the mobile app to read ecommerece data from your website, You will need to add a consumer key and secret key.

 

Press here to find the steps on how to get the consumer and secret keys.

Yes No Suggest edit

4.2.Step 2: Manage application access

In this step, You can manage the following:

  1. Access requirements to your application (login, sign up, allow guests)
  2. Language requirements (one language or multilingual , set default language in case of multilingual websites)   Note that in order to enable more than one language you must have WPML plugin enabled on the connected website.
  3. Set splash screen image, splash background and app icon 
Yes No Suggest edit

4.2.1.Enable login authentication

Use this feature if you want to enable login to your application in order  to allow users access to the rest of the app features.

Login currently supports login by email or username and password.

Yes No Suggest edit

4.2.2.Enable registration

If your mobile application allows guests to create user accounts then enable this feature.

This means that users may select to register for the application as an optional step. Users have to create a username and password during the registration process.

Yes No Suggest edit

4.2.3.Enable login

This means that users may select to login for the application as an optional step, they can proceed to see app pages as guests.

Users can log in with their username and password. In order for this step to work, the admin must give access to users from the backend.

Yes No Suggest edit

4.2.4.Manage Application Language

This section allows you to manage languages of the application.

a pre-requiset here is to enable WPML plugin on your connected website.

If WPML is activated, You will see your enabled languages in the “available languages” dropdown”

You will be able to select one of the languages as your default languages.

 

If the website doesn’t have WPML, then the app will be in the default language of  the website.

Yes No Suggest edit

4.2.4.1.Available Languages

Users can select one or more languages from the given list only if WPML is enabled on the connected website and it has more than one language.

Yes No Suggest edit

4.2.4.2.Default Language

Select the default language for your application, if the app has only one language then it will be automatically selected as the default language.

Yes No Suggest edit

4.2.5.Configure Application icon and splash screen

In this section, You will learn how to change application splash screen and application icon.

Splash screen is the first screen that appears for few seconds once the user opens the application.

APP icon is the icon that represents the application in applications list and on app stores

 

Yes No Suggest edit

4.2.5.1.Customize Splash screen

Splash screen is the screen that appears for few seconds when users open the application by clicking on app icon.

You can upload your custom design for splash screen.

Yes No Suggest edit

4.2.5.2.Select the app icon

You can specify app icon by uploading the correct file based on the requirements of app icon design provided from apple and google at the following guides:

apple: https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/app-icon/

Google: https://developer.android.com/distribute/google-play/resources/icon-design-specifications

Yes No Suggest edit

4.2.5.3.Customize Application splash colors

You can choose a color to set it as  splash screen background color if you do not want to upload it as an image.

The splash screen in this case will consist of the app icon (logo) and the set background color.

Yes No Suggest edit

4.3.Step 3: Configure Application Content

In this section, You will be able to setup application look and feel, pages and content. 

APPExperts allows you to create app pages using existing pages and components in your connected website

 

Yes No Suggest edit

4.3.1.Look & Feel of the application

In this section, You can define application colors (main color, secondary color and text  color.

Main color: is the  color used for application backgrounds and main elements

secondary color: is used for smaller components of the pages

Text color: is used for defining color  of text showing in the app.

Make sure to choose colors that provide contrast in the app so that the app becomes usable and readable.

Example: white background and black text.

Yes No Suggest edit

4.3.2.Configure application functional parts

In this section, You can control application functional parts such as:

  • Menu (menu position and style)
  •  search (based on wordpress search)
  • logo (icon) appearance in app pages

 

Yes No Suggest edit

4.3.2.1.Enable WordPress search functionality

Use “show search” option to enable search functionality.

This is based on WordPress main search functionality.

Search Icon will appear in the header of your app

 

Yes No Suggest edit

4.3.2.2.Fix logo in app pages

You can choose to display the app logo on the application’s main screens and will be visible in all pages.

Yes No Suggest edit

4.3.2.3.Control menu direction

The control menu direction feature allows you to change how your app menu will look like

Horizontal menu: This is the default setting, The menu will appear at bottom of the app pages horizontally.

Side: If this option is selected, the menu will appear as a side menu (user should click on menu icon to view menu items) 

 

Yes No Suggest edit

4.3.2.4.Manage Application content

This section describes how to manage your application pages and content. How to setup app pages using content from your connected website.

Yes No Suggest edit

4.3.2.4.1.Choose local

Local options are also dependent on WPML preferences on the connected website, If your website has languages with different local, then you get to change the local to the desired default one.

Yes No Suggest edit

4.3.2.4.2.Choose font

You can customize your app font so that you can use a relevant font to your brand and enhance the user experience of your customers.

Yes No Suggest edit

4.3.2.4.3.Translate Application

APPExperts provides some basic features in content that use known terms in language such as “Login, signup , my account” , those terms might change based on business and marketing needs.

In this section, You can see all those terms listed, You can change any of them by simply clicking on the green text and change it. The word written in green is what will be displayed within app pages.

 

Yes No Suggest edit

4.3.2.5.Add Content components

APPExperts provides a set of tools that you can use and mix to be able to create your app content as you want.

  • Posts (including blog and custom posts from custom post types)
  • Search (based on WordPress search functionality)
  • Custom Homepage
  • Static Page (with static content including text and image)
  • WordPress Pages (from existing WordPress pages on the connected WordPress website)
  • External page (a URL that opens in webview within the application)
  • Contact Us
  • WooCommerce Products (for ecommerce apps only)
  • Categories (categories of post types and products)
  • WordPress posts
  • WordPress taxonomy
Yes No Suggest edit

4.3.2.5.1.Posts

Add post type page to your mobile application menu

  1. Select one of the following layouts for your post display
    • list description
    • grid description
    • image list description

      Layout type
  2. Select one of post type (post-testimonial)

Yes No Suggest edit

4.3.2.5.3.Custom Homepage

Customize your home screen content and banners the way you want by adding slider photos linked to your website content

Add a slider to the app’s home page by adding a photo and title.

select each slider element and connect it to a specific link, You have lots of options from existing content on the connected website.

 

Example for connecting a category:

Select category type

Enter the ID for the specific category.

Yes No Suggest edit

4.3.2.5.4.Static Page

This tool allows you to Create a page with static content in your mobile application by adding a photo and text with the help of ,an advanced text editor.

This feature enables you to add pages to your application like terms and  conditions pages, privacy policy, special content pages.

Yes No Suggest edit

4.3.2.5.5.WP Page

This tool enables you to select a page from your existing WordPress pages on the connected website and include it as a page in your mobile application.

 

Yes No Suggest edit

4.3.2.5.6.External page

This tool allows you to add a menu item to your application that redirects to an external page (url), it will be displayed as web view.

Yes No Suggest edit

4.3.2.5.7.Contact Us

You can select contact fields on the form (e,g, address, phone number, email address, etc.) You can also add the location of your business.

To use location service, /you must activate Google Maps API from integration section.

Yes No Suggest edit

4.3.2.5.8.WooCommerce Products

*Ecommerce app type only*

IF your selected app type is ecommerce using woocommerce, You must add the WooCommerce products  component in order to enable store functionalities for the app.

Yes No Suggest edit

4.3.2.5.9.Categories

You can choose to display your website’s categories in the application menu.

Categories are a type of taxonomies that are used to categorize post types such as: 

  • blog posts
  • Products (will be listed in case your website is using woocommerce)
  • custom post types 

Yes No Suggest edit

4.3.2.5.10.WP post

You can select a specific post from a specific post type and display it as a page within you app with a link to it from application menu.

The WP post component enables you to select a post type and select post id that you want to display.

Post ID can be found by hovering over the post from posts list, the browser will display a url at bottom of the page that will show you the post id.

You can also add a plugin to display post ids in your posts list to make it easier.

 

Yes No Suggest edit

4.3.2.5.11.WP taxonomy

You can choose to add a specific taxonomy that will be shown in the mobile application menu.

You can control how the taxonomy will appear (list or grid or list with image and description)

Yes No Suggest edit

4.4.Step 4: Manage Application build (Export my app)

Here you can learn about how to build your application and get an APK for android and get an ios version.

 

Yes No Suggest edit

4.4.1.Build Application

Before you publish the app, there’re some integration credentials that you will need to provide:

  1. If your application uses maps in any of its pages, You will need to add google maps API key from your google account.
  2. If your app is an ecommerce app that uses woo commerce, you will need to provide consumer key and consumer secret.  Press here to find the steps on how to get the consumer and secret keys.
  3. To publish the ios version, You will need to provide your apple account credentials that will allow APPExperts to publish the iOS version on your own test flight account.

 

 

Once your integrations are all set, You can select the builds you want to generate.

Version number must be higher than the previous version number if you’ve built the app before.

Version code is an important parameter also and should be valid.

Yes No Suggest edit

4.4.2.Mange Version History

You can  view all versions of your app and download a specific version if needed from version history icon on the right-side of the screen. 

iOS versions can be downloaded only from your test flight account.

Android versions can be downloaded from APPExperts version history list.

 

Note that: build takes some processing time, We will send you an email with build status and URL once the build is done.

You can always check build status from the version history list.

Yes No Suggest edit

5.View and handle Applications

Through your dashboard, You can do the following:

  • View your applications
  • Manage Application (edit or delete or view version history)

Note that you can have multiple apps only if you’re subscripted to a premium plan which will be released soon.

 

Yes No Suggest edit

6.How to generate iOS version

A.  In order to be able to generate an iOS app version, You need to have the following:

  1. An iOS device (An iPhone or an iPad )
  2. An apple account

Here’s how to enroll in apple developers program as an individual 

3. Install test flight application. 

This application allows you to get a version of your app that is for testing purposes and install it safely on your device.

 

B.  You will need to connect APPExperts to your apple account so that we can publish the version on your own TestFlight account. This will require you to get some credentials from your apple account and provide them into your APPExperts app inside integration step here:

Watch this video to know how to get the needed credentials.

 

 

C. After this, You can click on build button and choose to generate an iOS version. APPExperts will build the app and will send you an email notification once the build is done with its status (Successful or failed)

In case of failed builds, Please contact our support to get the error log related to your build

In case of successful builds, You will find the application available on your test flight account.

 

 

Yes No Suggest edit

7.Push notifications Guide

Please note that push notifications are a Pro feature which is available for “Pro Plan” Subscripers only.

AppExperts push notifications are simple and easy to configure and use. We currently support android notifications and iOS are coming soon.

  1. Make sure you’re on Pro plan
  2. go to integration step in your appExperts account and provide the needed firebase integration parameters which are:
  • google service json file
  •  google service info) 
  • server key

To get those files and the key, you can find instructions from firebase here 

 

3. After this connection, Your push notifications should be enabled and working, Just make a check from your wordpress plugin that the following sections appeared to you:

  • Send custom push notifications
  • Notifications settings

and that in notifications settings (under plugin settings) . the key says “connected”

 

Read the next section to know how to:

  • Show notification icon in app
  • Send custom push notification
  • configure automatic notifications
Yes No Suggest edit

7.1.How to send custom push notifications

After doing the needed firebase connection step and the site key worked successfully, You can start sending custom push notifications.

To send custom push notifications:

  1. Open your wordpress admin panel.
  2. Go to AppExperts menu item, Select “Manual Push Notification”
  3. Fill in the form and once you press send the notification gets sent immediately to the specified segments.

Important notes:

  • If WPML is enabled and your website has multiple languages, Then you will see tabs for translating the notification title and content in the other languages.
  • Target can be set to a URL that when users click on the notification, the URL opens in app in Webview.
  • Segments are using the default wordpress users roles. So for Example if you want to send a notification to “subscribers ” user role only, select that role. You can select up to 3 roles
  • if no segments (roles) are selected then the notification will go to all users who have accounts on your wordpress site.
  • You Must check the “send to guest users” check box  if you want the notification to reach guests as well.
  • Pressing on Save and Send will send the notification immediately to the users.
Yes No Suggest edit

7.2.How to show or hide notification icon in app

If notifications feature is enabled in your account, You can see this toggle in content step:

 

by enabling this toggle, push notifications icon and list will show in app for logged in users.

Yes No Suggest edit
Help Guide Powered by Documentor
Suggest Edit