Free Native Mobile Application AI Powered iPhone & Android ... · Your Native iPhone and Android...
Transcript of 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
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.
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
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
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
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
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
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
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.
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’
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
Detail
Things you can do:
Select a template for the store’s Product Detail 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
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’
Click on the ‘Save’ button
Review List
Things you can do:
Choose a suitable template for the ‘Review List’ screen
Change the title of the page if required
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
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
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
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
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
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
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
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
Click on the ‘Save’ button
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
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
Choose from ‘All, Image, Text, Image-Text, and Social-
Media.’
Click on the Remove button in order to remove the added
static block
Click on the ‘Save’ button
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
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
Choose from ‘All, Image, Text, Image-Text, and Social-
Media.’
Click on the Remove button in order to remove the added
static block
Click on the ‘Save’ button
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
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
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!