Menu Close
    Convert your store into Shopify Multi Vendor Marketplace

    A Complete Beginner’s Guide to Shopify Mobile App Setup

    Starting an eCommerce store on Shopify is fairly easy. But as the sales are going multichannel adding a mobile sales channel is highly critical.

    Shopify Mobile app converts Shopify webstore into a native mobile app.

    Key Requirements to have a Shopify based mobile application

    1 – Merchant must have a running website on the Shopify platform.

    2 – Valid account on google play store and apple app store.

    3 – Application must use Real-time API so that order synchronization must be there.

    4 – Native apps are critical for User Experience as well as for performance.

    5 – Apple Still does not support hybrid/web app in the app store. That’s why it is highly advisable to have a native mobile app.

    that’s it. That’s all you need to run a Shopify android/IOS app.

    Mobikul Mobile App for Shopify has now come up with an updated backend user interface which is much more convenient & concise.

    Introduction to Mobikul

    Give your customers an incredible mobile app experience by seamlessly converting your Shopify store into a Native Mobile Application using Mobikul.

    Trial: The app comes with a 30-days free trial periodCharges: $25/month (existing users will be charged with the old pricing only).

    About the app: Shopify Mobikul Mobile App is designed with a customer-centric approach. It enables users to have a complete online shopping experience from their smartphone and tablet devices. This app allows real-time synchronization of products, categories, orders, customers, and other relevant data.

    Ahead in this document, we are going to discuss the installation and configuration of this app. Before that, let’s put a highlight on some of the features.

    Highlights of Mobikul app

    • A flutter-based hybrid app designed to be customer-centric which enables shoppers to have a complete online shopping experience from their smartphone and tablet devices.
    • Simple configuration with customizable home page and side panels of the mobile application.
    • Moreover, real-time product and order synchronization between the Shopify store and the mobile application.

    Note : We provide support to publish your mobile app on play store and app store.

    Video Tutorial

    Check the Shopify mobile app configuration of the home page from the admin SAAS store and how the changes reflect within the Shopify mobile app and how to view the changes made –

    Check the Workflow at the mobile end for the Shopify mobile App –

    How to Install Shopify Mobile App?

    After you logged into your Shopify account, on the left-hand side panel you have the APPS section Just open it up.
    Now it will take you out on the Apps page.

    STEP-1: Here on the top right corner you will have the SHOP FOR APPS button tap that up. It will bring you over the Shopify apps store itself.

    Shopify Mobikul Mobile Shop for Apps

    STEP-2: Here you go at your Shopify app store search Mobikul Mobile App into search box.

    Shopify Mobikul Mobile Installation

    STEP-3: After tapping that up you will see that particular page over here with the details of that Mobile App Builder, Do install this app into your Shopify backend. Here you see that ADD APP button just click it up.

    Shopify Mobikul Mobile Add App

    STEP-4 : After this, you need to move to your Shopify store and just refresh it and then you will find Mobikul Mobile App under the Sales channel of your store.

    Shopify Mobikul Mobile Dashboard


    Here you got Mobikul Mobile App under the Sales channel into your Store.

    Shopify Mobile App Page Builder

    Once you’ll install the app, it will be listed as a sales channel. Clicking on it will drop you to the landing app of the app, i.e., the Page Builder:

    Shopify Mobikul Mobile Page Builder App

    The page builder section lets you drag and drop different cards and allows you to add items to them instantly.
    On the left, you have the list of cards that you can drag on to the middle section, i.e., your mobile app widget and drop.

    You can change the positions of the added cards in the middle frame by dragging them & dropping them on the desired position. Make sure to click on the save button as shown below to save the changes:

    Shopify Mobikul Mobile Drag & Drop

    On the right, you have the option to add items to them.

    The type of cards that you can add:

    • Slider
    • Banner
    • Grid
    • Carousel
    • List
    • Product Carousel

    To add an item to a card, simply click on the ‘Add Item’ button:

    Shopify Mobikul Mobile Add Item

    Further, select the product you want to add & then save the settings.

    Coco-Cleen-Settings-Shopify-2-

    In case the product isn’t available in the listing below, you can type in the name of the product and then choose the option to select a product from the Shopify store:

    image-21

    This will display complete list of products of your Shopify store. Select the product from this listing & add:

    image-22

    Further, if you want to edit the display image of the items added, click on edit:

    image-23

    Upload a new image and save:

    image-24

    Mobile Drawer Menu

    Moving on, we can add side panel menus to the mobile interface from here:

    Shopify Mobikul Mobile Add Menu Item in Category

    Click on ‘Add menu item to this’. Further, add a title to the side panel menu and click on add.

    Shopify Mobikul Mobile Add Category

    Moreover, you can add sub menus to this added menu like so:

    Shopify Mobikul Mobile Category Configuration

    Further, you can either add a category or set a link for this menu & add.

    Shopify Mobikul Mobile Configure Categroy title

    You can set the position of the cards by dragging & dropping them as per your choice. Refer:

    Shopify Mobikul Mobile Drag & Drop

    Shopify Mobikul Mobile App Integrations

    In the next tab, you will have different add-ons that you can use to enhance the functionalities.

    Shopify Mobikul Mobile Integration

    The Push Notification & App Settings section will be activated when you will install add-ons.

    -Using the Push Notification featured app you can now send instant push notifications to customers and much more. Know more.
    -You can integrate Multivendor Marketplace App for Shopify with Mobikul Mobile App using Mobikul Multivendor Connector. This way your customers can easily filter products on a seller basis & shop from them.

    How to Connect Demo App With Shopify Store?

    Visit this section to get an android or iOS demo:

    screencapture-mansi-store-2-myshopify-admin-apps-mobikul-mobile-app-1-2021-01-06-12_20_31-1

    Note: Enter the shop name & token provided in the mobile demo page as shown in the image above.

    mobile app for shopify

    To have the demo, you need to scan the following code, enter your shop name & token.

    Need Help

    Use the help section to contact us regarding Mobile App, Configuration, or any other issue. All you’ll need to do is mention your name, email ID, request for and a message. Click on send message & we’ll get back to you as soon as possible.

    screencapture-mansi-store-2-myshopify-admin-apps-mobikul-mobile-app-1-2021-01-06-12_17_17-1

    Shopify Mobile App Frontend Images

    Get in touch

    Drop your query/suggestion at [email protected] or create your ticket at Webkul UV Desk.

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index