How it Works?

Introduction

MageNative App converts WooCommerce store/website to mobile shopping app, fully synchronized with WooCommerce platform to provide realtime data with best user experience. MageNative App will boost your revenue exponentially. This manual will explain step by step process to build and configure the app.

App Installation

Once you buy the MageNative app you can download connector module from "My Purchased Extension" tab in customer account section on our site MageNative. There you will see a list of all purchased modules. In order to download modules first you have to create license for your domain. You can create license by clicking on "Generate License For One Domain".

On clicking "Generate License For One Domain" you will see a popup as shown in image below. There you have to enter your domain name.

Once you successfully generate the license you will be able to download your extension. You can get license information and download link on the same screen and also you will receiv an e-mail on registered email id containing license information. The license key you received will be needed in order to activate your module. We will discuss that process later in this documentation.Screen containing license information and download link will look as in image below.

This module will help your WooCommerce shop to integrate with app. Once you install connector plugin and do little setup on plugin. Your app is now ready to receive Api feeds from your WooCommerce shop.

Follow the below steps to install the connector:-

1)Installation Instructions:

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of MageNative WooCommece App plugin:

Step 1: Log in to your WordPress dashboard.
Step 2: Navigate to the Plugins menu.
Step 3: and click Add New.
Step 4: Click Upload Plugin and choose the downloaded plugin
Step 5: Install it by simply clicking “Install Now”.

2)Activating the Plugin:

Step 1: Log in to your WordPress dashboard.
Step 2: Navigate to the Plugins menu.
Step 3: Choose "MageNative WooCommerce APP" and open settings
Step 4: Enable "Enable MageNative Woo App"
Step 6: Click "Save changes" and your MageNative WooCommerce APP plugin is activated.

Configure MageNative App for WooCommerce

MageNative app converts your WooCommerce eCommerce website to a WooCommerce mobile app very easily.

Activate Your Plugin

To activate your module you have to enter the License Key which you will find in "My Purchased Extension".

Enable/Disable MageNative Woo App Plugin

It is a Checkbox field which is used to enable or disable MageNative Woo App plugin.
To enable/disable module please go to your WooCommerce dashboard -> MageNative Woo App. In the General tab enable checkbox for the field "Enable MageNative Woo App".

Note: If it is not enabled then your app will not receive API feeds from WooCommerce website.

Uploading Banner Images

This feature enables you to upload promotional banner for your app home page. For managing and uploading banner image go to MageNative Woo App -> Home Page.
To upload new banner image go to WooCommerce dashboard -> MageNative Woo App -> Navigate to the Home Page tab -> Click on “Add New” button located on the right side of Banners text.

Title: The title for your banner image.
Enable: To enable or disable the banner.
Choose Image: You can upload banner image from your disk by clicking on browse button.
Link to: In the Link to the list, select one of the following options:
Product in-app: To redirect the user to the Products page available in the Front-end view of the app.
Category in-app: To redirect the user to the Category page available in the Front-end view of the app.
Website Page: To redirect the user to the specific link provided.

Note: Banner will not show on app home page untill you assign it to banner widget.

Manage Notifications

This feature enables you to upload Notifications for your app. For managing and uploading Notifications go to MageNative Woo App -> Notification.
To upload new notification go to WooCommerce dashboard -> MageNative Woo App -> Navigate to the Notification tab -> Click on “Add New” button located on the right side of Notifications text.

Title: The title for your Notification.
Message: Enter the message for notification.
Enable: Check the box to enable or disable the notification.
Choose Image: You can upload notification image from your disk by clicking on browse button.
Link to: In the Link to the list, select one of the following options:
Product in-app: To redirect the user to the Products page available in the Front-end view of the app.
Category in-app: To redirect the user to the Category page available in the Front-end view of the app.
Website Page: To redirect the user to the specific link provided.

Theme Customization

Create multiple app themes from the 'Theme Setting' tab under MageNative Woo APP section in your WordPress Dashboard. Customize the app as per your business profile and see the changes come live in your Mobile App.

Design

This step will decide the look and feel of your app. You will be able to create multiple themes and select one you prefer anytime you want. Customize App Colors, Images, Placehoders directly from your WordPress dashboard and see the changes directly inside your Mobile Apps.

Theme Setting section can be see as below

Theme Name : The name of your App Theme.
Theme Color : The color of side menu, buttons, etc.
Theme text Color : The color of the text on the theme.
Bar Color : The color of the App Header under App logo.
Tint Color : The color of Search , Cart, Homepage.
Secoundary Color : The secondary color to display as a color of additional things.
Header Logo (PNG/JPG file. Width x height: 320 x 55 px) : Displayed on the header(top) of the App.
Login Page Logo (PNG/JPG file. Width x height: 137 x 135 px) : Displayed on the Login page of the App.
Choose Login Header (PNG/JPG file. Width x height: 500 x 100 px) : Displayed below the Login Page Logo.
Product Place Holder (PNG/JPG file. Width x height: 300 x 300 px) : Displayed in place of Product image until the Product image is displayed.
Category Place Holder (PNG/JPG file. Width x height: 300 x 300 px) : Displayed in place of Category image until the Category image is displayed.
Banner Place Holder (PNG/JPG file. Width x height: 300 x 300 px) : Displayed in place of Banner image until the Banner image is displayed.
Notification Icon (PNG/JPG file. Width x height: 1024 x 1024 px) : Displayed in the Push Notification sent from the MageNative Panel.

Once these details are filled click 'Save' and your created Theme is ready to be applied.

Theme Selection

In order to apply the created Themes, open the 'General' tab, scroll down to the 'Select Theme' option, select the Theme you want to apply and click 'Save changes'.