Let's see introduction of LEO - Mobile App Builder App.
Please follow below steps to install the App :
After successful installation, you are ready to use this App. Now open your Shopify store's "LEO - Mobile App Builder" App from Sales channels section. Now you can use App's features and functionalities.
Here are some important things you require to setup LEO - Mobile App Builder.
Help from LEO App team.
It's very simple and easy to create your mobile App's home page.
App Header
Your App's Header is divided into 3 parts, are as under:
App Home Page
- It is very important for all Apps to have an attractive home page.
- The middle section shows what your mobile app will look like.
- You can add any number of blocks for your App's home page.
- Easy to rearrange the home page blocks.
"LEO - Mobile App Builder", provide facility to create Middle section by adding the following blocks.
Each blocks contains different settings for blocks like Title font size, Font color, Block background color, Image overlay, Image border, Block view(Square or Circle), Product/Collection view(Ascending or descending) and many more.
Please follow below steps to customize your side menu in Admin panel:
App's Menu Settings
Following Menu settings provided to you :
Admin Sidebar List Preview
App's Header Color
Please follow below steps to change App's header color in Admin panel:
App's Button Color
Please follow below steps to change App's button color in Admin panel:
Note: The "Primary Button Colors" will be used in the buttons used throughout the mobile App. Such as the button on the overlay of the Collection Carousel block.
App's Social Media Links
App's Social media will be shown at the bottom of the sidebar in your mobile App as a Social media icon.
Please follow below steps to set Social Media Links to your App :
Admin Social Media Preview
Mobile App Sidebar Preview
It is easy to setup App's pages. Easy to Add, Edit and Delete the content of the App's pages.
To rearrange the pages, just drag and drop it.
You can add content text or redirect external link for App's pages.
Please follow below steps to create pages of the App :
Admin Pages Preview
Note: There are two mandatory pages: 1. "Privacy Policy" and 2. "Terms and Conditions". You can just edit these pages, can't delete these pages.
Please follow below steps to view your App's pages in mobile App:
Mobile App Preview
You can highlight your product from other products by adding tag for product.
Your product tag must be start with prefix "IMP_".
Ex. IMP_Classic, IMP_Most Loved etc.
Note: You can display only one tag for your product in product list. If you add more than one tag which starts with "IMP_" then you can see only first tag in your mobile app's product list.
Mobile App Product List Preview
Please follow below steps to view product listing in your mobile App:
The product page describes product details such as Product name, Price, Comparison price, Variants, Status (out of stock or in stock), Sale tag, Seller name etc.
Display Product's Vendor And Sale Label
Please follow below steps to setup your App's product page:
Step 2 : Go to Settings -> Product Settings -> Product Page Settings.
It display settings for products like :
Admin Product Page Settings Preview
Product Size Chart
Please follow below steps to set size chart for product:
Admin Size Chart Setting Preview
Shipping Information Note
Please follow below steps to set shipping information for product:
Admin Shipping Information Setting Preview
Product Additional Tabs
Please follow below steps to add additional information for product:
Note: You can rearrange this tabs view position by drag and drop the tab as per your requirements.
Admin Product Additional Tabs Setting Preview
Product Important Image Icon With Text
Please follow below steps to display product important data with image for product:
There are two selection types, are as under:
Note: For Tag Based option, you have to add tag in your shopify product. And also add this same tag in "Tag Name" field of features details at admin panel. If both tags are matched, then only you will get features badges with product detail.
Admin Product Important Image Icon With Text Setting Preview
Zipcode Service Availability
Please follow below steps to add zipcode service availability checker for product:
Admin Zipcode Service Availbility Setting Preview
Mobile App Product Page Preview
Please follow below steps to view product page of your App:
It's very easy to set multiple currency for your mobile App.
Please follow below steps to set multi currency in Admin panel:
Step 3 : Select currencies which you want for your mobile App.
Step 4 : Save your Settings by clicking on "Save" button from topbar.
Admin Currencies Settings Preview
Mobile App Currencies View
Please follow below steps to view multi currency in your mobile App:
Mobile App Preview
You can easily do analysis about you App's data in Graphical view.
Please follow below steps to view App's analytics data:
You will see the following data in your Dashboard:
Help from LEO App team.
Please follow below steps to view your App's preview code:
Login into mobile App:
Please follow below steps to login into mobile App:
Register/Create Account into mobile App:
Please follow below steps to create account into mobile App:
Add products into wishlist in mobile App:
Please follow below steps to add products into wishlist:
View wishlist into mobile App:
Please follow below steps to see wishlist products into mobile App:
Add products into cart in mobile App:
Please follow below steps to add products into cart:
View cart products into mobile App:
Please follow below steps to see cart products into mobile App:
Discount is a great way to encourage your App users to buy a product.
By this way, Product vendors increase their purchases.
It is easily to do setup for product discount for your mobile App.
Create Discount into Shopify store:
Please follow below steps to create discount into Shopify store:
Add discount for your mobile App:
Please follow below steps to add discount for your mobile App:
Help from LEO App team.
It's necessary to create a separate Firebase account and project to send notifications to your iOS and Android users.
Please follow below steps to do setup for firebase account to send notification:
Step 1 : Go to the https://console.firebase.google.com/
Step 2 : Create a new project with your existing Google Account or sign in with an existing project.
Step 3 : Here is the process for creating a new project.
Click on the Create a project button.
Enter Project Name(Your store name or App name), accept the Firebase terms and condition, and click on the Continue button.
Click on the Continue button.
Then Choose or create a Google Analytics account and click on the Continue button.
Wait for the project to be created and then click on the Continue button.
How to invite our team as an admin to your account?
Step 1 : Click the Settings icon, then select Users and permission.
Step 2 :Then on the Users and permissions page, click on the Add member button.
Step 3 : Add our [email protected] email address. Make sure to use the email provided by our team and select the "Owner" role so we have access to everything we need to ensure that your app works correctly and that all features are working as expected.
Step 4 : Then click on the Done button and then click on the Add member button and the invitation will be sent.
Step 5 : Our team will receive an invitation to manage your Firebase project.
Firebase is commonly used for sending notifications in mobile applications due to its robust and easy-to-use Cloud Messaging service.
Firebase Cloud Messaging (FCM) provides a reliable connection between your server and devices that allows you to deliver and receive notifications on iOS and Android devices.
You can send unlimited notifications to your App users.
You can send notification separately in Android and iOS device users of your App.
Please follow below steps to send notification to your App users:
To receive App's notification, you need to enable "Push Notification" from your mobile App.
Please follow below steps to enable push notification in your mobile App:
Help from LEO App team.
A Google Play Developer account for your company is essential to publish the app.
You are required to pay a 25 USD (One time) fee for creating a Google Play Store account.
For Create Google Play Console Account:
- Find a comprehensive guide on creating a Google Play Console account at:
https://support.google.com/googleplay/android-developer/answer/6112435For your Google Play Console Account Access:
- To submit your app and access your Google Play Console account, add us as a developer using the email [email protected].
Below is step by step video guide for how to add:
Note:
Upon receiving your invitation, we will submit the app to the Google Play Store within 48 hours.
The approval process typically takes around 2 to 4 business days.
We will promptly notify you once your app is published on the Play Store.
Please follow below steps to setup Google play store details in admin:
Admin Play Store Preview
Help from LEO App team.
An Apple Developer account for your company is essential to publish the app.
You are required to pay a 99 USD (Yearly) fee for creating an Apple Developer account.
For Create Apple Developer Account:
- Find a comprehensive guide on creating a Apple Developer account at:
https://developer.apple.com/enroll/Kindly proceed with the following steps for an Individual Account:
Step 1 : Log in to App Store Connect.
Step 2 : Select "Users and Access".
Step 3 : In the "Users and Access" section, select the "+" sign under iTunes Connect users.
Step 4 : Input the details as indicated below into the dialog box on your screen.
First Name: LEO - Mobile App Builder
Last Name: Team
Email ID: [email protected]
Ensure that you choose the role of Admin.
Step 5 : Press the "Invite" button.
Kindly proceed with the following steps for an Organization Account:
Step 1 : Visit the Apple Store and log in using your Apple Developer Account.
Step 2 : In the Overview section, select People.
Step 3 : When you reach the People section, click on "Go to App Store Connect".
Step 4 : In the Users and Access section, select the "+" button.
Step 5 : Input the details as specified below into the dialog box on your screen.
First Name: LEO - Mobile App Builder
Last Name: Team
Email ID: [email protected]
Ensure that you choose the role of Admin.
Step 6 : Press the "Invite" button.
Note:
Upon completion of the Apple Developer Account setup, we will submit the app to the Apple App Store within 48 hours.
The approval process typically takes around 3 to 7 business days.
We will promptly notify you once your app is published on the Apple Store.
Please follow below steps to set up App store details in admin:
Admin App Store Preview