NAV

Mego Base

This …

Create your App

To create your app you have to follow three steps:

a.) Choose your theme

b.) Create App Pages

c.) Arrange navigation menu options

d.) Create Build

Selecting an app Theme

HTML5 Icon

Once you are in Mego Base plugin & you click on ‘Create’ card, you come on this screen (shown above), on this page(App Info tab) you could select the App logo, Splash, app theme & its color.

a.) Select app logo from our library or upload your own app logo.

b.) To select theme click on the 'Theme’ button, by clicking on theme button a popup will appear on which multiple themes will be displayed. You could select any one of those themes.

c.) You could select any color once theme is selected.

d.) Select app splash from our library or upload your own splash.

e.) The page transition animation effect could be selected from Animation option, you could select 'Slide’ or 'Pop’ effect.

f.) To place your menu icon, choose an option under 'Menu Placement’


When the options are selected on 'App Info’ tab, then you could click on 'Next’ button to move on the 'App Function’ tab to add app data

Adding Multiple pages in your app

HTML5 Icon


a.) Once you are on 'App Function’ tab(Shown above), you could enter data in your app as per requirement.

b.) To add pages in your app click on 'Pages’ card.



Pages Screen – You add four types of pages from this section.

HTML5 Icon


a.) Page Builder

b.) Events Page

c.) Url Page

d.) Web Page


Using Page builder


A.) Page Builder – Using this page builder you add multiple pages as per your requirement.

HTML5 Icon


1.) Enter the page name in 'Page Name’ field.

2.) Cube id will be automatically generated.

3.) In-case you want an image for page header you could check-mark this option.

4.) To enter the data on this page you have to click on the link 'Choose Page Element’. By clicking on this link a popup will open (Shown below).


HTML5 Icon


a.) Select 'Text’ button & click on plus icon present adjacent to the buttons, by clicking plus icon a text entering section will appear below as shown in image(above).

b.) Choose any button (text, Media or Form) & click on plus icon to add respective section below, so you could add relevant data in those section which will reflect on the app page.

c.) Add text heading & content in these fields & click on save button. In case you want to add multiple headings & their content then add multiple text sections by clicking Plus icon when 'Text’ button is selected at top.

d.) All the data on the popup will be saved by clicking this 'Save’ button.


Events Page


B.) Events Page – You could add multiple events like birthday party, food events, health event, Sports or any kind of event in your app using this page.

HTML5 Icon


1.) options Page Title – You have to enter here the page name, this page name will be visible on app menu. All the events added will be reflected on this page in the app.

2.) Cube id will be automatically generated.

3.) You could add header image on the events page, the header image will come like a banner on the top of the page.

4.) Event section – You could enter Event name, date, venue & description in this. Also you could add multiple events by clicking on the plus sign.


C.) Url Page – You could include multiple images & texts as hyperlinks to any url using this page.

HTML5 Icon


1.) Title – You have to enter here the page name, this page name will be visible on app menu options. All the hyperlinks inn the form of images & texts will be shown under this page.

2.) Cube id will be automatically generated.

3.) You could add header image on the events page, the header image will come like a banner on the top of the page.

4.) Link Type – It could be images or text, you could select any one out of these two options (Image or text) & the fields will be visible just below it accordingly.

5.) In case you chose text option then you could enter the text to be visible in the field (text) provided & the hyperlink could be entered in the 'Web Url’ field.

6.) In case you chose image option then you could choose the image with browse button & the hyperlink could be entered in the 'Web Url’ field.


Web Page


D.) Web Page – You could show any website page in your app using this option.

HTML5 Icon


1.) Title – You have to enter here the page name, this page name will be visible on app menu options. The website page will be shown under this page on menu options.

2.) Cube id will be automatically generated.

3.) Website URL – In this field you have to enter the website url which you want to show in your app.

4.) Open in External webs page – In-case you want to open the website in external browser on click of this page, then select this check-box.

You could create your own gallery in your app by using the 'General Gallery’ section under 'App Function’ tab, there are many options for you to add images like :


HTML5 Icon


After clicking on General Gallery card, you’ll be redirected on the page shown below where you could add images using multiple options.


HTML5 Icon


a.) Custom images

b.) Facebook images

c.) Pinterest images

D.) Instagram images

e.) Picasa images

Add Custom images

1.) Adding Custom Images – You have to enter the Page title for your gallery section of your app, as this page of your app will have multiple tabs incase you uploaded images from more than one source. i.e. Facebook, Instagram.. etc


HTML5 Icon

In 'Image’ field you have to click on Browse button to upload your own images. You could add multiple images.

2.) Facebook

3.) Pinterest

4.) Instagram

5.) Picasa

Add catalog in your app

You could create your own catalog in your app by using the 'Products’ section under 'App Function’ tab.


HTML5 Icon

Once you click on the Product card, you’ll be redirected on the catalog page (shown below)

Creating Category –

HTML5 Icon

a.) This reflects that currently category page is selected, so you could create new categories on this page.

b.) In this field you have to enter the name of your catalog page. This page name will be shown in your app’s menu options & the front end users will see the catalog products on this page.

c.) You could enter the category details in this section.


Creating Products –

HTML5 Icon


a.) This reflects that currently products page is selected, so you could create new categories on this page.

b.) In this field you have to enter the name of your catalog page. This page name will be shown in your app’s menu options & the front end users will see the catalog products on this page. In-case you have already entered the catalog page name on category page, it’ll be shown filled as one pap could have only one catalog page & all the categories & products will be visible under it.

c.) This section is to fill the product details, you have to choose the category for every product.

Add contact page in your app

You could create the contact page in your app by using the 'Contact/Links’ section under 'App Function’ tab.

HTML5 Icon

Once you click on the Contact/Links card, you’ll be redirected on the contact adding page(Shown below).


HTML5 Icon


a.) These are the fields in you could enter your contact details.

b.) In this field you could enter your address, incase you have multiple addresses then click on the plus icon to add more address fields. You could also add map on your contact page.

c.) Enter your social media links in these fields.

How to add map in contact page of your app

On the contact page you have a 'Map’ button below the address field. By clicking on it you’ll see a popup (shown below)


HTML5 Icon

a.) In this field you have to enter the address which you want to reflect on your contact page of app.

b.) Entering an address in this field will search that address on Map & will place a pointer icon on the location on Map, this map will be visible on that contact page of your app. You could add multiple location on Map by clicking on plus icon shown beside the address field.

Add your social media accounts in your app

You could add your social media accounts & the content from your social media accounts will reflect in the app. This could be done using the 'Social Activity’ section (Shown below)


HTML5 Icon

Once you click on the Social Activity card, you’ll be redirected on the social media accounts adding page(Shown below).

Facebook

Adding FB Account in App –

HTML5 Icon


a.) These are the different social media account adding option provided. Currently Facebook is selected.

b.) In this field you have to enter the name of your Facebook page. This page name will be shown in your app’s menu options & the front end users will see your FB page under this page.

c.) You have to enter your FB page url in this field.

Instagram

Adding Instagram Account in App –

HTML5 Icon


a.) Currently Instagram is selected in header of the page.

b.) In this field you have to enter the name of your Instagram page. This page name will be shown in your app’s menu options & the front end users will see your Instagram page under this page.

c.) You have to enter your Instagram page url in this field.

Twitter

Adding Twitter Account in App –

HTML5 Icon


a.) Currently Twitter is selected in header of the page.

b.) In this field you have to enter the name of your Twitter page. This page name will be shown in your app’s menu options & the front end users will see your Twitter page under this page.

c.) You have to enter your Twitter page url in this field.

Pinterest

Adding Pinterest Account in App –

HTML5 Icon


a.) Currently Pinterest is selected in header of the page.

b.) In this field you have to enter the name of your Pinterest page. This page name will be shown in your app’s menu options & the front end users will see your Pinterest page under this page.

c.) You have to enter your Pinterest page url in this field.

Reordering the Menu options (app pages)

Once you have entered the complete app data on 'App Function’ tab & created all required pages, then you could click on 'Navigation’ tab to rearrange the menu options

HTML5 Icon

You could drag & drop the pages in order to arrange theme in the sequence you want to reflect in your app.

Download your app

Once your app is completed that means you’ve selected the Theme & entered all the required data, created pages & arranged the pages on navigation menu. Then to create the build you have to go to Manage page by clicking the 'Manage’ card (Shown Below)

HTML5 Icon

Once you click on the Manage card, you’ll be redirected on the page(Shown below) where you’ll see all the pages of the app. To create the app build you have to click on the 'Create Build’ button shown in the screen(below).

HTML5 Icon


By clicking the 'Create Build’ button a popup will open, on which there’ll be multiple options to download/send the build where required.

HTML5 Icon

Publish your app