Back to Top

Guide for Magento 2 Watch App

Updated 19 February 2024

Magento 2 Watch app helps customers access the few Magento app functions on the Android Smart Watch. The customers can check order status updates, notifications, and profile details.

They will get easy access to the app and will get the notifications at their fingertips. It’s a readymade app. So, it can be accessed from anywhere and anytime.

Note – To use the Magento 2 Watch app you must install Magento 2 Mobile app on your Magento 2 website.

Below check the flow of the Magento 2 Watch App:

oYce1NxGjUI

Features

  • The Magento 2 Watch app helps users get timely notifications
  • Customers can easily log in to the Magento 2 Watch app with the help of a Smartwatch.
  • The user can check the order status in the eCommerce Smart Watch app.
  • The user will get push notifications for various events like sales offers, ads, orders, etc.
  • An intellectual dashboard is available for easy navigation.
  • Customers can check their profile details like name and email.
  • The logout option is also available in the app.

Admin Configuration

To use the Magento 2 watch app, install the Magento 2 mobile app. The store owner is capable of editing the mobile app from the admin panel in the Mobikul Tab.

Start your headless eCommerce
now.
Find out More

Further, for the basic configuration of the Mobikul mobile and watch app, navigate to the following path of the Magento 2 admin panel Stores > Settings > Configuration > Webkul > Mobikul.

Screenshot-2024-01-04T184708.891-1200x591-1

Mobikul Basic Configuration

This section comprises the initial configuration for setting up the Mobikul.

webkul-magento2-mobikul-marketplace-admin-basic-configuration

Username: The admin needs to provide the username for the Mobikul which will be used for connecting to the respective server.

Password: The admin will provide the password for the Mobikul along with the username.

Collection Page Size: As the label name of the field is self-explainable, here the admin need to set the number of products that will display on the collection page of the Mobikul mobile app at a time.

Enable random featured product in home page –  If the field is set to “Yes” then, the featured image present on the Mobikul mobile app will be taken on a random basis.

Moreover, If the admin sets this field to “No”, then only those products will feature on the homepage for which the “Is featured for Mobikul ?” is enabled.

To, enable Is featured for Mobikul? For this go to the Products > Catalog > Add Product / Edit.

Enable product for mobile app

Allowed CMS Pages: The admin can choose the CMS pages of the default Magento, they want to display on the Mobikul application.

FCM Push Notification Parameter

Moreover, for setting up the push notification feature for the Mobikul Magento 2 mobile and watch application. The admin is required to set up The Below fields.

Further, please refer to our blog to learn more about Sending notifications through the app via the Firebase console.

Configuration-Settings-Stores-Magento-Admin-22-1

API key: The admin needs to provide the Server API key which the user will get after the Firebase console registration.

Android Topic: This is a must for sending the notification on a group basis, on Android devices.

Note: The topic name that the admin will provide in the above field will be the name of the group including all the devices in which the app installation is done.

Payment Methods

In the payment methods section, only offline default payment methods will be visible which Magento2 provides if enabled and at the mobile application end selected will be visible between these payment methods.

download-17

Mobikul Catalog Search Configuration

Also, the admin can configure Mobikul’s mobile application SEARCH. The admin can configure the applications’ search based on products and tags.

Mobikul catalog search configuration

Display Tags in Search: This will display the tags in the Mobikul application’s search result.

Number of Tags to Display in Search: The admin will set the limit on the number of tags that will be present in the search result.

Display products in Search: This will display the products in the Mobikul mobile application’s search results.

Number of Products to Display in Search: Here the admin will set the limit on the number of products that will present in the search result.

Application Download From Website

The admin can now display the app URL on their website, by setting the configuration of this section.

Application download from website

Enable Android Application Download: Here admin can select Yes to make the Play Store application link visible on the website.

Play Store application link: Here, the admin can mention the Play Store link on the application.

Enable iOS application download: Here admin can select no to make the iTunes link of the application not visible on the website.

App Store application link: Here, the admin can mention the iTunes store link on the application.

Enable Top link: This will make the link visible on the header part of the website.

Enable Bottom link: This will make the link visible on the bottom part of the website.

Choose Download link theme: The admin here can select between Light or Dark theme, for better visibility of the application link as per choice.

Thus, after the basic mobile app configuration, the app has multiple tabs in the Mobikul tab.

Mobikul API Cache Settings –

screenshot_from_2024_01_05_11_44_08-1

If the enable cache option is on, then it will maintain the API response cache for catalog API. TTL (Time to Live) is a cache lifetime in seconds.

Home Layout Configuration

The admin can set the Home Layout as Layout One and Layout Two as shown in the image below:

screenshot_from_2024_02_08_12_02_08

App Category View

The admin can also manage the category views by selecting – Default Category View and Tab Category View.

screenshot_from_2024_01_05_11_44_32

Launcher Icon Configuration

The admin can also select the launcher icon. Further, the admin can manage the same from the admin panel:

screenshot_from_2024_02_05_15_23_52

Light Mode Theme Configuration

The admin can also manage the theme configuration when the mobile phone theme mode is set to light. For this, the admin needs to enter the details like App Button Color, App Theme Color, App Theme Text Color, App Button Text Color, Upload App Logo, and Upload Splash Image.

screenshot_from_2024_02_05_15_26_26

Dark Mode Theme Configuration

The admin can also manage the theme configuration when the mobile phone theme mode is set to dark. For this, the admin needs to enter the details like App Button Color, App Theme Color, App Theme Text Color, App Button Text Color, Upload App Logo, and Upload Splash Image.

configuration_settings_stores_magento_admin__1_

Manage Walk Through

Firstly, the admin needs to add the walkthrough version from the configuration by navigating to Stores > Configuration > Walk Through Settings.

walkthrough-settings

The admin can manage the walkthrough configuration by navigating to Mobikul > Manage Walk Through. There the list of walkthroughs will be visible as shown in the image below:

manage_walk_thro

The admin can add and edit the previously created walk-throughs by clicking the respective edit button present in the list.

Frontend – Customer end

Customers don’t need to install any app to use the watch app on their Android smartwatch. If they use Magento 2 Mobile App then they can just sync their watch with the app and use it.

Webkul-Magento2-watch-app-1

They can log in to the app without entering a username and password. They just need to click on the arrow to log into the watch app.

Webkul-Magento2-watch-app-2

Once they log in the app dashboard will open here the user will find four options profile, orders, notification, and logout.

Check Profile

Customers will click on the profile icon and they can check their profile with first name, last name, and email ID.

Webkul-Magento2-watch-app-3

Check Order Lists

Users can check the order list with order ID and status in this list.

Webkul-Magento2-watch-app-4

Notifications

Customers will get multiple notifications for various events like order status, events, offers, discounts, and more.

Webkul-Magento2-watch-app-5

That’s all for the Magento 2 Watch App, However, if you still have any issues feel free to add a ticket and let us know your views to make the module better.

Current Product Version - 5.0.0

Supported Framework Version - 2.1.x ,2.2.x,2.3.x,2.4.x

. . .

Leave a Comment

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


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Guide for Magento 2 Watch App