Skip to main content

User Guide for Bagisto Laravel Mobile App Builder

Mobikul as a mobile app developer has dedicated its time and effort to creating an app for various famous open-source platforms. However, this time after acquiring years of regress experience. Webkul together with Mobikul has created an app for their in-house platform that is LaravelMobile App.

As a matter of fact with the advancement in technology just having a website for a business will restrain growth. Henceforth, the requirement of the hour is a mobile app. 

 However, the mobile app build is on Bagisto and uses Flutter for the Android and iOS applications.

This Laravel mobile app builder will allow the customer to checkout in a convenient form due to its easy accessibility. Thus, this Flutter app has a collection of a feature that makes it an advanced app for customers.

  • Easy management of the orders with the help of the app.
  • Well configured with the backend.
  • The app can work on both tablets and smartphones.
  • Informative and interactive shopping app with a fast and intuitive response.
  • An open-source app that can be customized (paid service) as per business requirements.
  • 24×7 support on Facebook (paid), WhatsApp (paid), and mail.
  • A search suggestion is implemented to allow customers to get the required product more easily.
  • Wishlist to save products for future purchases.
  • Multi-lingual functionality (RTL) support for localization of the app.
  • The store owner can enable multiple currencies in the app to attract customers all across the globe.
  • Real-time synchronization between the app and the website.
  • Interactive UI/UX with Modern Material Design standards.
  • Easy addition of offers and coupons to engage maximum customers.
  • Allow the app user to cut short login processes by implementing a faster and easier social login facility (available on customization).
  • Local notification to the customer that avoids the abandoned cart.

To install the Laravel Mobile app on your server you need to follow the given steps on the given URL:

Follow the URL: Installation of Laravel Mobile App.

Step 1:


Step 2:


The admin can manage the Bagisto Laravel mobile app from the backend in just a few simple sets of steps. Each step of configuration is shown one by one in the below tabs.

For the configuration of the Laravel mobile app, the admin needs to navigate Configure>General>GraphQL API.

Server Key: To enter the server key, click the link below the input field and create the project on Firebase.

Android Topic: The admin can set the name for the Android mobile app.

IOS Topic: The admin can set the name for the IOS mobile app.

The push notification of the Mobikul mobile app can be easily managed from the backend.

For that, the admin needs to navigate through Settings >Push Notifications.

Also, for adding a new notification the admin can click on the Add Notification button.

Notification Title — The admin can enter the title of the notification.

Notification Content — The admin can describe the notification under content.

Image — Add an image for the notification.

Notification Type — Here the admin can select the notification type from the drop-down as Simple Type, Category Based, or Product Based.

Channels: The admin can select the channels that are available or added by the admin.

Notification Status — For here, the admin can enable or disable the notification.

Further, the admin can edit or delete the existing notification as per the business requirement.

This is an introductory screen that customer encounters as soon as they open the application. Moreover, this screen is added to the app from the code end.

The business owner will provide us with this image as per the requirement via a prerequisite PDF.

The homepage of the app is having multiple sections to divide it into usable sections.

Carousel Sections


The Laravel mobile app builder’s homepage has the option to add different carousel types in the slider as shown below:-

Image type:You can choose the Image type carousel and through this, you can create different sorts of images and assign products to them.

Banner Section


Here, the application users will see the banner set by the admin. The banner will be moving one by one as shown below:

Featured Products


Here, the Laravel Mobile application users will see the featured products set by the app owner.

New Products


In the new products section, the users can see the newly added products by the app owner.

Moreover, the app encourages customers to get registered using the application. It gives them a simple form to fill in the details. Thus, allowing an easy sign-in whenever accessed.

Sign Up — Create An Account


The Laravel mobile app builder user can simply register the application by filling the registration form. Thus, the app user can fill in the basic details to become a customer.

Sign In via Email ID


If the customer accomplishes the registration process then they can log in via the email ID and password that was mentioned at the time of registration.

Forget password:


Users can reset their password by selecting the Forget Password option.

Categories


There are two types of categories in the Laravel mobile application:

Now after clicking on the child category, all products will show added by the admin.

Child category will be listed shown in the grid and list view:

List View: In List view products are added to the list as shown in below image.

Grid View: The user can also select the button grid to view the products as shown in below image:

After login to the mobile application users will see the account information in the side drawer:

The account section will save the customer’s personal data, in multiple sub-sections.

Profile


This section is meant for the app user to save personal information related to the account. For, this section the app user can update -

  • Their first, last name, gender, DOB, and phone.
  • Users can change their registered mail address.
  • They can also change the password linked with the registered account.
  • Customers can delete their registered account.
  • Users can also change their Email and Password for the application. They can also delete the account.

Address

This contains the information about the Default Billing Address, Default Shipping Address, and Manage Other Addresses.

The app user can click on any address to edit the details on the address from the edit button or else can add the new address as shown below:-

Reviews


The app users can view all their reviews given by them to the products.

Wishlist


The app user can view all the wishlist product from Wishlist option:

Compare


The app user can compare the product with each other as shown in image:

The page will display the details related to the products which the app user can scan through. Thus, the page has the following details-

  • Add to Cart — The app user can click on the Add To Cart button to add the product to the cart for checkout.
  • Cart Button — The product will be added to the cart and from the cart it can be purchased.

Now app users can proceed with the product added to the cart.

Here app users can apply code for their purchases, users have also the option of continue shopping, update cart, and can empty the shopping cart then click to proceed.

Now the users can select the address with the option of add, change and edit. After selecting the address they can proceed further.

Here users have to select the shipping method from given options and proceed.

In next step users need to select the payment method for their order are Cash On Delivery and Money Transfer.

Now users can view the all the options for Billing Address, Shipping Address, Shipping Methods, Payment Methods, and Order Summary.

Here users can check the price details of the order and can place the order as shown in image:

Now the order has been placed and will get a confirmation with order ID and email.

Order


The app gives its user an easy way to view the orders from this section. Thus, allowing a quick way to access orders.

The customer for this section examines the details of the order and perform the action on the orders.

Thus, the app user can click on any corresponding order and get the details of the complete order.

The customer can select the language from side drawer added by the admin as per the requirement.

The customer can select the desired currency as per the requirement.

You can also find a “CMS Pages” here. Where you can see all the CMS Pages that the admin creates.

They can be anything like — About Us, Return Policy, Refund Policy, Contact US and other such pages.

About Us


The customer can view the section of about us for the mobile app. The content in the section can be anything added by the admin from the admin panel.

Contact Us


The customer can communicate with the store owner or admin by sharing a message from this section.

Thus helping the customer to build a strong relationship with the store owner.

Thus, that’s all for the Laravel mobile app builder still, have any issues feel free to add a ticket and let us know your views to make the module better https://webkul.uvdesk.com.

Current Product Version — 1.3.3

Supported Framework Version — 1.1.2


Originally published at https://webkul.com on November 24, 2020.

Comments

Popular posts from this blog

Why Adobe Commerce Cloud is best suited for Headless eCommerce

  Headless architecture is trending now as it is considered the future of eCommerce. In this article, we will cover some points to tell Why Adobe Commerce Cloud is best suited for headless eCommerce?  Magento 2 is the most popular CMS for eCommerce Development. Also, it provides many features and tools which make the headless implementation much easier from developing from scratch. What is Headless eCommerce? Headless  is an approach where you separate the frontend and backend of the eCommerce Website. It means that your customer experience platform ( UI & UX) is independent of your Content Management system.  Today, when eCommerce is moving towards the Omnichannel approach the role of headless eCommerce becomes crucial. With its use, the shop owner can provide a more flexible, speedy, and personalized experience to their customers. Why Adobe Commerce Cloud is best for Headless eCommerce? Adobe Commerce Cloud provides many tools that make the headless architecture e

Marketplace Quote System for WooCommerce

  WooCommerce Marketplace Quote System Plugin provides the functionality to the seller of the marketplace to allow the customer to quote their products. The seller can enable the quote system for their products. After that, a customer can send a quotation request of the products. This plugin is very useful for order the seller’s products in bulk. Using this plugin a customer can also communicate with the seller for their queries. Admin of the marketplace can also involve between the buyer and seller conversation. The admin can also change the status of the customer quote. Marketplace Quote System for WooCommerce is an add-on of Webkul WooCommerce Multi Vendor Marketplace Plugin. To use this plugin you have to install   Woocommerce Multi Vendor Marketplace  first. Highlighted Features Customized Pricing With this module, the admin/seller can provide the unique quoted price to the buyers. Bulk Product Purchase The customer can order product quantity in bulk and can get op

How to Create Mobile Application with Laravel?

Laravel is a free and open-source PHP framework for "web artisans". Laravel is well-known for being a logical and strong framework that allows you to fully utilize the power of PHP once you understand what you're doing. The laravel native mobile app is enriched with numerous features which can help the user get the best. It powers numerous websites, online applications, and corporate systems throughout the internet. Using the framework, you may build anything from tiny, lightweight applications to huge complicated systems. Perhaps your Laravel eCommerce web app has received thousands of visitors, signups, and satisfied users. Advantages Of Laravel Laravel is ideally suited for all sorts of applications, especially those with specialized requirements such as portal mobile apps, social networking apps, and others. Source Code Integrity And Flexibility The PHP source code is customizable and versatile. Therefore, creating cross-platform applications frequently uses PHP. It