Free Native Mobile Application AI Powered iPhone & Android ... · Your Native iPhone and Android...

Free Native Mobile Application AI Powered iPhone & Android App Separate Design Section

Single Backend Management

Separate Analytics

Hassle-Free App Publishing

Website: www.builderfly.com | Email: [email protected] | USA: 1877-327-6143 | IN: 1800-123-2403

http://www.builderfly.com/

mailto:[email protected]

App Store Training Guide

Builderfly offers an AI-powered native iOS and Android mobile app for easy accessibility to the store

front and increased customer-reach. Builderfly offers free mobile application with the three paid

subscription plans viz. Standard, Advance, and Pro. The mobile application is fully customizable and can

be designed separately as per the requirements. Moreover, with the power of Artificial Intelligence, the

mobile app can automatically sync with the store front unless opted out. With the auto syncing facility,

you need not re-enter the store data in the app store. All the features including separate font styles,

color pallets, and much more are available with the free native mobile app.

Steps to create a mobile app with Builderfly:

Registering with Builderfly is a simple and quick process. Within a few steps, your details can be stored

for a lifetime. Moreover, the AI-powered mobile app helps in syncing the store data with the mobile data

as well as helps in studying the customer behavior.

Go to your Builderfly Dashboard and click on ‘App Front’

Click on ‘Get Started’ to start building the mobile app

Mobile App with Builderfly

Explore the wide range of features offered with the AI-powered mobile app. Click on ‘Let’s Build Mobile

App with AI Flow’, Click on ‘Get Started’.

Enter the Application name and click on the ‘Next’ button

Choose a suitable theme mode and click on the ‘Next’ button. You will have the option to change it later

from the design section if you want.

Choose whether you wish to add blog posts to your app and click on the ‘Next’ button

Choose whether you wish to add Instagram Gallery to your app and click on the ‘Next’ button

Choose whether you wish to add Twitter Feed to your app and click on the ‘Next’ button

Choose a suitable theme for your app store and click on the ‘Next’ button

Select the mobile app menu style and click on the ‘Next’ button

Create your mobile app CMS pages by entering the page name or click on the already available

names. Click on the ‘Next’ button.

Once you select all the options, Builderfly AI flow is ready to setup your mobile app by syncing

your home page, welcome page, category, sub category, product image, and product detail.

Your Native iPhone and Android application is ready to publish on apple and Google store.

Currently, it shall exactly seem as your web store. The reason being, all the data for your

mobile app has been synced from the web store. However, Builderfly offers the facility to

differentiate your app with the power of customization. Click on “Edit Your App” and

explore the broad array of features to customize your native app.

Edit your App Store

Builderfly offers the complete authority of customizing the app front to you. Your app can be designed as per

your convenience and likeness. Moreover, we ease your process by providing ready-to-use theme templates,

fonts, and much more. Go through the step-by-step procedure to explore the wide range of features in the app

store.

Splash Screen

The splash screen is the window that appears when an application is opened. It is a bold first impression of

your brand identity. You can customize the screen to add your logo or an image along with the current version

of your software.

Mobile App Design Section

Permanent Mobile App Dashboard

Once you are done with building the app using AI flow, all consequent logins will land to your permanent

mobile app dashboard. You can always customize your app by clicking on the ‘App customization’ button. At

any point in time, if you wish to rebuild your app, you can click on ‘Rebuild App.’ The current version of your

app on both the supported platforms are displayed on your dashboard. Herein, you can download the

Builderfly Step-By-Step Guide, view the number of app downloads, users, and users by country. Moreover,

you can request for Custom App Development, Expert Support, and other Add-On services.

Splash Settings

When you click on the ‘Settings’ icon

in the Splash Settings, you get the

option to crop the background

image. All you need to do is select

the region that needs to be cropped

and click on the crop button.

However, make sure to save all the

changes you have made.

Things you can do:

Choose a template for your ‘Splash Screen’

Select a color for the screen from the color palette

Click on the ‘Refresh’ icon above the color palette to sync data from the online store

Welcome Screen The welcome screen can be referred to as the first screen that your user will view when they visit your

application. Your customer must be directed to where he must go further from the welcome screen. Builderfly

offers ready-to-use templates for your welcome screen so that you can design your welcome screen as per your

requirements.

Things you can do:

Click on the ‘Settings’ and add or change the background image if required

Choose whether to add a ‘Splash Logo.’

Splash Settings>Cropper

Select the image from the gallery and with the ‘Cropper’ you can crop

any image by selecting a particular area.

Welcome Settings

Choose the layout of the welcome screen for your mobile

application

Upload and edit your welcome screen image and the text

from the ‘Settings’ tab.

Add more details to your welcome screen as and when

required.


Click on the ‘Refresh’ icon above the color palette to sync

data from the online store

Edit and manage content of the welcome screen.

Add new slide.

Change and manage the background image

Login Screen

The login screen is the door for your customer to enter the mobile application. Usually the login screen consists

of two input fields such as the user name/ email address and the password. The login screen must also include

the facility where the customers can find the way to enter the application when he/she does not remember the

login credentials.

Things you can do:

Choose from the ready–to–use login templates and click on the ‘Save’ button.

Edit text from the ‘Settings’ tab



Login Screen Settings

The login screen settings allow you to change the display name of

the Email Address, Password, Login and Forgot Password.

You can click on the toggle button to integrate your social media

handles such as Facebook and twitter.

Registration Screen

The registration screen is the one-time screen where your customers can provide the necessary contact details

such as their email address, mobile number, location, etc. All the information that you seek from your

customers for a smooth experience must be included in the registration screen.

Things you can do:

Decide the layout template of the ‘Registration Page’ of your application

Choose the background

Manage the input setting

Manage the button setting

Click on the ‘Save’ button

Registration Settings

Once user select the registration template he can edit the

name of each filed from the recreation settings.

Suppose if we select above template then we can edit the

name of first name, last name, password, confirm

password, email and signup as well.

Forgot Password Screen

In case your customers forget their password to enter your application, they shall click on the ‘Forget

Password’ link on the ‘Login Screen.’ The link redirects the customer to the ‘Forget Password’ screen. It is ideal

to make it as simple as possible for your customer to get access to your app.

Things you can do:

Select the template of the ‘Forgot Password’ screen of your application

Choose the input field you wish to provide your customers for retrieving their password

Forgot Password Settings

You can change the display name for each field on this

screen viz. ‘Forgot Password’ and ‘Email’.

Home Screen

The ‘Home Screen’ is the main screen of your mobile application. It is the primary navigation screen wherein

the user can choose the action for proceeding further. You can list all the available features of your store in

the home screen for quick access of your customers to everything they would require.

Things you can do:

Based on your business, choose from the range of ready–to–use templates for your home page in the

mobile application.

Header Screen Settings

Edit and manage the header title and choose to

display/ hide the cart in the ‘Header’ section

Manage the slide to be included in your application

under the ‘Slider Block’ section

Create, manage, and edit the categories you wish to

include in the application

Choose to show/ hide the Best Seller section in

your application store

Opt to display/ hide the New Arrival section in

your application store

Show/ hide the Recently Viewed section in your store

Choose to display/ hide the list of Discounted Products

in your home screen

Manage whether you wish to show blogs in your store

Choose to show/ hide your Instagram handle in your

store

Opt to display or hide your twitter handle

You can choose to display or hide the image/ gallery

section

Add or remove the Video section from your application

Manage and edit your image text

Add Static Block

Add static images for

promotional discounts

and coupons

Add and manage the static

image text to offer your

customers with attractive

discounts

Menu Screen

The menu screen offers a set of options to your customers in order to execute a function of find relevant

information. You can use the drop down menus in case you wish to offer multiple functions under one menu. The

menu screen must be easy-to-understand with smooth accessibility.

Things you can do:

Choose the layout of your menu page from the various templates

Select the menu style from tab and slide view



Add/ remove the home tab

Add/ remove the categories section

Add/ remove the product list

Add/ remove the notification bar from the menu

Choose to keep or hide the Settings in the menu bar

Add/ remove ‘My Orders’ section in the menu

Opt to provide or hide the ‘My Account’ section in the

menu

You have the option to set your profile under the ‘My

Profile’ section

Add/ remove the option to ‘Change Password’

Choose to keep or discard the ‘Address’ bar in the menu

You can choose to offer your customers to view their

‘Wishlist' from the menu section

Offer your customers with various coupons from the

menu bar

You can choose to keep the ‘Logout’ button in the menu

Products Screen

The products screen gives a glimpse of all the products you have for your customers. The products screen is

automatically updated from the store front through syncing. Some other features include filtering the

product listings, grid or list view of the products, and sorting the displayed products.

There are many sub-categories to the Products option, they are:

Things you can do:

Choose the layout of your product list screen from different ready–to–use templates


Click on the ‘Refresh’ icon above the color palette to sync data from the online store.

Product List Settings

Opt to display/ hide the ‘Filter’ option

Choose to show/ hide the ‘Sort By’ option

Select the preview type from list and grid

Sort

Things you can do:

Choose the look of your store’s ‘Sort Screen’



Detail

Things you can do:

Select a template for the store’s Product Detail Screen’



Choose to show/ hide the ‘Wishlist’

Opt to display or hide the ‘Product description’

Select whether to show or hide the ‘Share Product’ option

Choose from displaying or hiding the ‘Compare Product’

feature

Choose whether you want to show or hide the ‘Review’

feature

Select whether to display or hide the ‘Related Products’


Review List

Things you can do:

Choose a suitable template for the ‘Review List’ screen

Change the title of the page if required



Categories

The category screen allows your customers to get a clear view of the products that you have categorized into

different groups. The categories that are built in the store front are automatically synced to the mobile store.

The category screen must be easy to access and understand.

Things you can do:

Choose the template of the ‘Category Screen’ of your store application



Category Settings

Manage and edit the input titles

Choose to show or hide the ‘Cart’

Sub Category

The sub category allows you to further classify your products for the convenience of your customers. The more

you simplify the procedure for the customers to find your products, the higher shall be the rate of conversion of

the potential customers.

Things you can do:

Select the layout of the ‘Sub-Category Screen'

Choose to display or hide the ‘Cart’ feature



Cart

The cart screen is where your customers can view all the products they have wished to purchase. It must show

the total amount and the details of the bill along with the way to complete the purchase. Moreover, the options to

remove products and add more products must be included in the screen. All the backend management of the

store has to be done from the store front. However, you can change the look of your mobile app cart screen as per

your preference.

Things you can do:

Select the right template for your ‘Cart Screen’

Edit and manage the input fields of the Cart



Checkout

The checkout screen allows the customers to fulfill a particular purchase by paying the necessary amount.

Herein the customer might need to validate their purchase and confirm their shipping as well as billing

address. Under this category, there are a few sub-categories such as ‘Shipping Address’, ‘Payment’,

‘Confirmation’, ‘Order status’, ‘Billing Address’, and ‘Shipping Method.’

Shipping Address

Things you can do:

Choose the template for Shipping Address and edit the input fields

Payment

Things you can do:

Choose the template for the Payment and edit the input fields

Confirmation

Things you can do:

Select the Confirmation Screen template

Choose to show or hide the ‘Billing Address Edit Button’

Choose to display or hide the ‘Promo Code’ feature

Order Status

Things you can do:

Select the template of the ‘Order Status Screen’

Choose and update the Order Status Screen Icon image

Choose to display or hide the icon in the Order Status Screen

Billing Address

Things you can do:

Select the template for the ‘Billing Address Screen’

Edit the text input fields

Shipping Method

Things you can do:

Select a template for the ‘Shipping Method Screen’ of your mobile application

Edit the text input for the ‘Shipping Method Screen’

Notification The Notification Screen allows your customer to get access of all the important notifications, all at one place. The

font of the notifications must be easily readable and the design of the screen must be attractive to the customers.

You must provide options to mark the notifications as read or unread from the store front as per their

convenience.

Things you can do:

Select the default Notification template

Notification Settings

Choose to show or hide the ‘Description’ feature in

the application

Opt to display/ hide the ‘Date’ feature in the

Notification Screen

My Account

The ‘My Account’ category allows your customer to manage their account details including their profile, orders,

wishlist, coupons, address, password, notification, logout, and other account settings. All the changes regarding

the account must be included in this category from the storefront. However, you can differentiate the color and

template of the account screen for your mobile app.

Things you can do:

Select the default ‘My Account Screen’ template

Edit the text input field in the ‘My Account Screen’

My Profile

Things you can do:

Select the default ‘My Profile Screen’ template

Edit the text input in the ‘My Profile Screen’

Change Password

Things you can do:

Select the default ‘Change Password’ template

Edit the text input in the ‘Change Password’ screen

Change Password

Things you can do:

Select the default ‘Change Password’ template

Edit the text input in the ‘Change Password’ screen

Edit Profile

Things you can do:

Select the default ‘Edit Profile’ template

Edit the text input in the ‘Edit Profile’ screen

Order History

Things you can do:

Select the default ‘Order History’ template

Edit the text input in the ‘Order History’ screen

Choose to hide or show the cart feature in the ‘Order History’ screen

Addresses

Things you can do:

Select the default ‘Address’ screen template

Edit the input fields in the ‘Address’ screen

Add Address

Things you can do:

Select the default ‘Add Address’ screen template

Edit the input fields in the ‘Add Address’ screen

Wishlist

Things you can do:

Select the default ‘Wishlist’ screen template

Edit the input fields in the ‘Wishlist’ screen

Choose to hide/ show the cart feature in the ‘Wishlist’ screen

Settings

The ‘Settings screen’ allow your customers to change the title of the section and choose a template. The

backend settings can be managed from the store front. However, you can manage the look of your app’s ‘Setting

Screen.’

Things you can do:

Select the default ‘Settings’ screen template

Edit the input fields in the ‘Settings’ screen

Miscellaneous

The miscellaneous category includes all other categories that need to be managed in the store front such as

Twitter, Coupons, Instagram, Blog List, and Blog Details. You can change the color of the screen and choose the

template for each screen to differentiate it from the store front. Remember, the more your app is attractive,

more will be the rate of customers exploring your app.

Select the default screen template for social media and Blogs

Edit the input fields in the screen

CMS

CMS or Content Management System is a way to create and manage the content of your store. It is an essential

part of creating an online store front. You can create your new page to manage the content you publish on your

store front as well as make the necessary changes in the existing CMS pages.

Add New

Things you can do:

Click on ‘Add New’ to add a new CMS page to your mobile application

Enter the CMS page title

Choose a template type

Click on the ‘Create’ button

About Us

Things you can do:

Edit the title of the page if needed

Change the logo of your business for the mobile app

Add the description of the ‘About Us’ page

Add or remove the social media links from the ‘About Us’

page

Click on ‘Add Static Block’

Choose from ‘All, Image, Text, Image-Text, and Social-

Media.’

Click on the Remove button in order to remove the added

static block





Contact Us

Things you can do:

Edit the title of the page if required

Change the image text static and make the necessary

settings

Add static block if required


Media.’


static block





FAQ

Things you can do:

Edit the title of the page if required

Add the title description as per your need

Add titles and descriptions for the FAQ as per the

requirement

Add static block if necessary


Media.’


static block





Design Section

The design section allows you to minutely design your mobile app to give the best experience

to your customers. All the backend setting has to be done from the store front which shall

automatically reflect in your mobile app. It allows you to avoid reentering the data.

Navigation Tab

The navigation tab includes the ‘Design Section’, ‘App Settings’, ‘Notification’, ‘Analytics’, ‘Build

History’, and ‘Log History’

1. Design section

2. App Setting

3. Notification

4. Analytics

5. Build History

6. Log History

App Settings

The app settings page allow you to make all the settings regarding your mobile application such as the application

name, the logo, theme mode, theme color, custom background, and much more. You can change the complete look of

your app and attract more customers in style.

Things you can do:

Click on the ‘App Settings’

Edit the name of the application

Add or change your business logo or choose to sync with the web store to automatically update the logo

Change the theme if needed

Upload custom background as per your preference

Choose a color from the color palette or sync with the web store

Choose the color for each text, borders, and images as per the requirement

If you wish to reset the changes made in the ‘App Settings’, click on the ‘Reset’ button

You can also click on the ‘Reset App’ button at the top right corner to reset all the changes made in the app

Save all the changes made by clicking on the ‘Save’ button

Notification

The notification screen allows you to view and manage all the notifications at one place. With the notification

screen, you can never miss any important notification wherein action has to be done.

Things you can do:

All the notification you receive can be viewed from one place in the ‘Notification’ section

Analytics

The analytics of your store includes the number of products, the number of customers, products sold, and the

average performance of your store. The store analytics help you keep a tap on your store performance and do

the required for a better performance if needed.

Things you can do:

The analytics of your store can be viewed and managed from one place.

Build History

The Build History displays all the build generated for your mobile application. It helps you keep track of the

build as well as manage them accordingly.

Things you can do:

Filter you search for the build based on the date of the build generation

Search a particular build using the search bar

Click on the page number to view the build history of the particular page

Create a new build

Filter the number of search results

In order to set up your mobile application, you need to follow a few steps. On the Builderfly dashboard, click on

‘Manage Store.’ In the ‘Manage Store’ section, you need to click on ‘App Store.’ Builderfly has integrated the

power of AI in its mobile application. Due to this reason, all the data

from your storefront is automatically updated to your mobile application. However, you can always

differentiate your app from storefront using various customization options.

Checklist:

Setup Developer account

User can create developers account with following steps:

Apple developer account:- https://developer.apple.com/support/enrollment/

Google Play Developer console account :- https://play.google.com/apps/publish/signup/

Configure to publish IOS and android application :-

Steps for IOS Application

User can publish IOS application by filling simple form of Create App (Application name should be unique),

app Information, Pricing and Availability and Submission (User can add Screen shots of application)

Steps for Android Application

Signed APK - After generation of signed apk user need to follow

https://themanifest.com/app-development/how-publish-app-google-play-step-step-guide

to publish build.

Publish APK – User can publish APK through App builder by filling form of Store Listing, Content Rating

and Pricing and Distribution

https://developer.apple.com/support/enrollment/

https://play.google.com/apps/publish/signup/

https://themanifest.com/app-development/how-publish-app-google-play-step-step-guide

For any query or further assistance contact us on 1877-327-6143 (USA) or 1800-123-2403 (IN) or you can email

us on [email protected]

Log History

The log history stores the data of every login including the date and the time of the login. Moreover, you can view

a short description of the login activity for each login.

Things you can do:

Search a particular login detail using the date of the login

Filter the number of entries to be displayed per page

View all the login details at once

Click on the page number to view the login details of that page

Did you just launch a fully functional

AI-powered mobile app?

Kudos!

mailto:[email protected]

Free Native Mobile Application AI Powered iPhone & Android ... · Your Native iPhone and Android...

Documents

Transcript of Free Native Mobile Application AI Powered iPhone & Android ... · Your Native iPhone and Android...