Mobile App Connect Tutorial

Features

Slick, Modern Design

Built with Modern tools, including React and Ionic

Extensive settings panel in WordPress

  • Enable custom post type and show on the mobile
  • Customizations Archive Item
  • Customizations Details
  • Customizations Details info
  • Customizations More info
  • Customizations Design - color
  • Customizations Design - launch screen
  • Customizations Design - Menu bar
  • Customizations Design - Typography
  • How to create request build
  • Automatic Plugin Updates with an active license


Setup Tutorials

Required Plugin

  • GeoDirectory core plugin
  • Wpapps press core free plugin (link)

Basic Setup

  • How to activate and license the plugin

- Install plugin wpapps Mobile App Connect by downloading it on your account on the dashboard site wpapps.press

- License the plugin by clicking “License key” on the WordPress plugin page or visit wpapps > updates, then you can add the license key there

- If you already installed and licensed the plugin, you can visit wpapps > Mobile App to see the setting and feature from MAC plugin.

  • Required Login Feature

The first step after installing the plugin MAC, you will set up whether your app will have a feature requires login or not, if you check it so the user that accessing your app need to log in first, if you uncheck the user can access your app without login.

For this feature it's need required to install the JWT plugin, you can download it here, this is free and highly recommend for the security of user information when logged into the app.

  • Enable custom post type and show on the mobile

After that you need to enable which CPTs will be shown in the APP by visiting the wpapps > Mobile App > General.

  • Customizations Archive Item

MAC is offering us to customize data archive items which are the data will be shown on the app, visit wpapps > Mobile App > Archive Item. Here, you can enable which CPTs you want to customize for archive item, check the checkbox to enable the archive item, and customize it, by default, title and subtitle can’t be changed.

  • Customizations Details

Besides archive items, we also have a feature for customizations details, visit wpapps > Mobile App > Details, in here you can customize the details that will be shown in the app

  • Customizations Details info

- For customization details, we have 2 more features: details info and more info. Visit the wpapps > Mobile App Design > details info. Detail info is to show the custom fields on the details screen app. To show the fields on the setting MAC, you need to add the detail info on the custom fields setting. Below is the example if you want to add a facebook field.

- After adding the detail info into extra output locations, the fields will show on the MAC setting, you can choose the fields and sorting the field

  • Customizations More Info

For this, it’s different with detail info, it will be showing another feature on the site like showing contact form, get directions, etc. You can choose which feature you want to show on your app, visit wpapps > Mobile App Design > More info.

  • Customizations Design - color 

After customizations the data for the app, we also have features for design. First, we have a feature to change the theme color of the app, visit wpapps > Mobile App Design > Colors, we offer many colors, and if you select the red one, your app will change to red.

  • Customizations Design - launch screen

This feature is for changing your image launch screen. This feature is static so when you change the launch screen you need to request a new build, visit wpapps > Mobile App Design > Image

  • Customizations Design - Menu bar

- In MAC we also provide you to customize your menu app, we have 2 different menus: Tab bar and More screen, visit wpapps > Mobile App Design > Menu bar 

- Tab bar: this menu shows on the footer app

- More screen: This menu shows on more screen in the app

  • Customizations Design - Typography

MAC provides typography for 2 types: Heading and Body. It support 5 typography, visit wpapps > Mobile App Design > Typography