User Guide for OpenCart Mobile App Builder

The admin can manage the general settings of the applications and the basic functionalities of the mobile app. This can be done under the Mobikul tab.

The admin can view the Mobikul option right from the dashboard section in the admin panel.

Part 1: Banner

We can set the Banners on top of the Home page in the Application. The ideal size for banners is in ratio 2:1 (width: height).

Furthermore, you can add any number of banners and attach a redirect property to them. You can also add different images for the same banner as per language.

1. Title: You can set the title of the Banner in different languages.
2. Status: You can set the status enabled or disabled.
3. You can select the ‘ID from‘ to ‘ID to’ of the banner, which will be chosen based on the specified ID mentioned.
4. Type-Product/Category: You can attach the redirect property to your banner as either a product or a Category type.
   • Product Type: After you select the product type you have to attach any Product with the banner when you click the banner by App it will open that specific Product that you have attached to the banner.
   • Category Type: If you select the category type, you must attach any category to the banner. When you click the banner by App, it will open that specific category that you have attached to the banner.

To create a new banner image, Click on the “+” icon in the upper-right corner which will display the next section.

We can set the parameters as shown below-

• Enter the title of the banner.
• Choose the banner type from the available options: product, category, external link, or no link based on needs.
• When the banner type is set to “product,” the option to select a product becomes available.
• When the banner type is set to “category,” the option to select a category becomes available.
• When the banner type is set to “external link,” the option to select an external link becomes available.
• If “No Link” is selected, only the option to create a banner will be available.
• Select the link.
• Sort the order.
• Set the status as ‘enabled’ or ‘disabled’.
• Upload the banner image through the available choices.

Part 2: Notification

From this part of the panel, you can send push notifications to all the OpenCart Mobile App users.

Further, just Create a new Notification and add the desired action like want to open a Product or category or custom collection, then select a particular product and category and send it to everyone.

To add a new notification the admin needs to click on the + symbol, present on the right top corner of the Notification Information List page (above image).

• Notification
  • Title: Set the notification title in different languages.
  • Content: This is the description part of the push notification.
  • Type: Here the admin can select the type of notification among Product Type, Category Type, Other Type, and Custom Type.

• Product/Category ID: If the Notification type is set to Product or Category, the admin will add a Product/Category ID.
• Notification Status: The admin can enable and disable the Notification.
• Banner: Moreover, the admin can also set the banner to your push notification.

Notification Emoji

However, the admin can also add the emoji to the Title and Content of the notification.

The admin will click on the emoji present in the field. The collection of emoji will be visible in the image below:

These emojis will also be visible to the customer when they receive them.

Note: Notification Emoji is an add-on to the OpenCart Mobikul App. To use this feature please install the OpenCart Mobile Emoji Push Notification module first.

Formerly, then click on “Send & Save” (send the notification as well as save your notification for the next time) and “Save”.

Part 3: Manage Category

Part 4: Custom Collection

In addition, the admin can also send the set of products to the customer under a specific category as a push notification.

For that, the admin will create some custom collections under the Mobikul > Custom Collections Tab.

By clicking on the + button, the admin can add a new collection and by clicking on the edit button, the admin can edit according to order demand.

The admin will have to select the products coming under that collection and provide a suitable name for them as shown in the image below:

Part 5: Augmented Reality: OpenCart Mobile App

This product type will allow e-commerce customers to try products in 3D visualization with the help of the mobile application.

However, when clicking on “+” on the right side. Admin can upload the Android 3D model and IOS 3D model.

Under this tab following options will appear.

• Product Name – Add the name of the product.
• Upload for Android – The admin needs to upload the .sfb file which will contain a 3D image of the product.
• Upload for iOS –The admin needs to upload the .usdz file which will contain a 3D image of the product.
• Status – Admin can enable/Disable the status.

However, once the admin configures all the details of the product, the customer can view the product in the front end of the app.

The customer can also use the AR icon for better visualization of the product.

Part 6: Manage Carousel

This is the part where we can set the brands which are shown at the bottom of the Application same as the open cart store.

Here, the admin can create multiple carousels using products and images as needed.

To create a new carousel, tap the ‘+’ button, and the following page will appear

Here, the admin for the new carousel will –

• Enter the title of the carousel.
• Sort the order.
• Set the Status as Active or Disabled.
• If the type is chosen as Product then –Options for sub-types include Best, Popular, Latest, Special, Discounted, Random, Manufactured, Manufacturer selective products, Best and Category products. After selecting a sub-type, choose the number of products to display.
• If the type chosen is an image then select the sub-type as – All Categories, All parent categories Image carousel, All manufacturer Image carousel, All manufacturer Image carousel, Banner Image carousel, create_new_one, Manufacturer, Featured categories or Reality.
• Set the Status as Active or Disabled.

Finally, save the new carousel. It will then be visible in the mobile app, as shown in the snapshot below.

In the case of the type chosen as Product:

If ‘Product’ is chosen as the type, the admin can create the following sub-types using the CS-Cart Multivendor Mobikul Mobile App feature:

• Best Products –In this section, app users can purchase the top-rated or best products available in the store.
• Popular Products – Displays products that are currently popular or trending on the app.
• Latest Products – This section allows app users to purchase the latest products added to the store.
• Special Product – This carousel features unique or exclusive products that stand out in the store.
• Discounted Products Carousel – This carousel showcases products currently on sale or offered at a reduced price.
• Random Products Carousel – This carousel displays a selection of products chosen at random, giving users a chance to discover new and varied items in the store.
• Manufacturer All Products – This section features all products from a specific manufacturer, allowing users to browse the complete range of items available from that brand.
• Manufacturer Products – This section highlights a curated selection of products from a specific manufacturer, showcasing only the most notable items from that brand.
• Categories All Products – This section organizes products into distinct groups, making it easy for users to browse and find items based on their interests or needs.
• Categories Product: The way for businesses to group similar items, making it easier for customers to find what they need.

In the case of the type chosen as Image:

If ‘Product’ is chosen as the type, the admin can create the sub-types listed below using the CS-Cart Multivendor Mobikul Mobile App feature:

• All Parent Categories – This carousel showcases images highlighting each parent category in the store, providing users with a clear visual overview of the main product.
• Manufacturer – This section provides information about the brands that create the products in the store, making it easier for users to explore items by specific manufacturers.
• Featured Categories – This section highlights specific categories that are promoted for their popularity or relevance, which helps users find the various product groupings.
• Banner Image – This features promotional banners or advertisements, enabling users to explore special offers, events, or announcements in a visually appealing way.

Part 7: Manage Walk Through

Navigate through Mobikul->Walkthrough.

Although, the last part of the admin panel is the configuration part where we can manage all the functions which we want to show on the Home page.

In the admin panel, go to Mobikul and select Walkthrough. You will see a list of any existing walkthroughs you’ve created.

To start a new walkthrough, just hit the “+” button located in the top-right corner.

This will bring up the setup interface where you can set up your new walkthrough one step at a time.

Here, the admin will enter the –

• Title of the walk-through.
• Add the footer.
• Upload the Walk-through image.
• Set the order of the mobile app.
• Set the status as enabled or disabled.

Finally, click the ‘Create button’ to finalize the new walkthrough.

Additionally, the admin has the option to modify an existing walkthrough.

Part 8: Theme Editor

Admin can fully customize the platform’s appearance by editing the theme.

However, the admin can also check whether the order placed by the customer is from the mobile device or the website.

This detail will be visible to the admin under Sales > Orders, under the column Order Type as shown in the image below:

The admin can also navigate to the filter section to check the same under Order Type as shown in the image below.

Furthermore, on the Order Details page as well, the admin can find whether the order is placed using a mobile or desktop under the Order Details column as shown in the images below.

In the Add Order History column, Order notification language, the admin can select the different languages according to the order requirement

Check order status i.e. pending or not and notify the customer about the order.