Keeping the customers always interested & engaged is what every online eCommerce business wishes for. Having a native mobile app (Android/iOS) is gonna ease the online shopping for users. User engagement has always been a prime requirement and to fulfill the same mobile apps have come up with the Push Notification tool.
Push notifications are directly received by the app users on their mobile devices. The only condition is that the app must be installed on the device. Push Notifications have been noted to perform way better in terms of engaging app users and retaining them when compared to email reminders/ newsletters & campaigns.
Push Notifications with PrestaShop Mobile App Builder
KnowBand offers personalized push notifications feature in PrestaShop Mobile App Builder. The module aims to launch Android and iOS apps for running PrestaShop store without any coding knowledge. This write-up will introduce you to the backend settings to configure and send Push Notifications on the user’s devices.
While keeping your app in sync with the website, this app maker module provides a wide array of front-end & back-end features. The ones for Push Notifications are stated below. Follow this article to know how you can create, automate & send these notifications with utter ease.
On the backend of your PrestaShop website, where you have the Mobile App Builder installed, hit ‘configure’. Now, from the backend of this module, navigate to the Push Notification Settings Tab from the side menu.
Push Notification Settings:
From the backend, you only need to enter your Firebase Server key (which will be provided along with apps), the rest is set for you to proceed. The PrestaShop Mobile App Builder by KnowBand provides an unlimited number of push notifications that e-merchants & admins can send to their app users.
Some of the automated Push Notifications are already provided by default for your convenience. These notifications can even be disabled/ enabled with just a toggle switch. Apart from those, you can create any other kind of Push Notification from this backend as well. Here is how you can configure them.
A) Successful Order Notification:
Using this notification setting, the store owner or the admin can set the title & message for successful orders. Each time an app user successfully places an order on the app, he/she will be greeted with this notification.
B) Order Status Push Notification:
This informs your customers about any status update on their active orders. Some examples of these are ‘order packed’, ‘order shipped’, ‘on the way’, ‘delivered’, ‘canceled’, etc.
Use the variable ‘{{STATUS}}’ anywhere in the message body to form your order status push notification.
C) Abandoned Cart Push Notification:
Automate the abandoned cart notification by setting the timer provided in this push notification setting. Every time an app user leaves his/her cart abandoned, then automatically this push notification is sent to him/her after the specified time.
Custom Push Notifications:
Apart from the above three pre-defined notifications elaborated above, admins can create any kind of self-designed Push Notification from this setting. From the side menu of this app maker module, select ‘Push Notification History’. Then using the ‘Send Notifications’ button on the top right of the page, create a new notification according to your needs.
You can even choose to selectively send these notifications to any of android/ iOS devices. Use attractive images to get more customer engagement using these notifications. Choose the redirecting activity to be any of the categories/ subcategories/ products or even the homepage of the app. These notifications get sent to all the app users once you hit send.
Push Notification History:
Keep a record of your previously sent notifications & their configurations by accessing the ‘Push Notification History’. You can even filter out the ones you want to view from the advanced search bar as shown in the screenshot above.
Conclusion:
Mobile push notifications are a major feature that makes an app stand out from the website. When used properly, these can lead to an exponential increase in customer retention & engagement rate. They help store owners to effortlessly boost their sales.
To make it even more convenient & effortless for the app admins, this PrestaShop Mobile App Maker module, by KnowBand, has most of the settings automated. Hence, the store owners don’t need to make even the slightest effort to yield great results.
For any further queries related to this module, reach out to the experts at KnowBand by emailing us at support@knowband.com. We would be delighted to assist you.
Often while online shopping, we all end up praising a few applications whereas uninstalling some of them. There might be various factors behind the satisfaction but, next-level creativity to serve users better is one of the primes. Worldwide mobile shoppers prefer to choose that eCommerce mobile app only with whom they feel comfortable and reliable.
That’s where user engagement comes into the picture for a shopping app. Be it credits awarded for shopping or money cashback, the mobile apps have all such necessary tactics to improve user connectivity & brand reputation.
Further, most eCommerce stores have already acknowledged that user engagement via the Mobile App channel is much better when compared to their website. This might make you wonder about the ways to achieve it for your eCommerce Mobile App? Well, this article covers all such tips and tricks. Just give it a read and you’ll get to know all the secrets.
TIP: User On-Boarding & Welcoming
The majority of newbie mobile app users either come to know about the app via website or directly from app store. In both cases, they expect to have a friendly & un-complicated first impression of the app. Hence, to improve the user onboarding, you can have:
1. Social Logins/ Signups:
It makes easier for the users to register/sign-in to your shopping app. The cluttered login process might annoy customers. The most common and better approach is to offer various social login options like Facebook, Google, etc. Also, various modern apps come up with inbuilt Fingerprint & Phone No (OTP) login.
2. Quick Tutorials For New App:
A simple 3-5 step tutorial screens help to guide new users about the basic functionalities of the apps. Though everyone is aware of the basic shopping app working, yet the tutorials will do no harm. Instead, they will save precious time for users.
3. Welcome E-mails & Messages:
During signup in an eCommerce mobile app, you can set up an automated sending of welcome E-mail & SMS. This might sound like very common but have been proven to be much helpful in gaining users’ trust and reliability.
TIP: User-friendly Navigation:
The tab bar, navigation menu & other countless features in an app must be made to function in accordance with the dimensions & features of smartphones/tablets.
1. Sticky Menu:
In mobile devices, the toggle menu on the navigation bar should be a ‘sticky menu’ so that the user needn’t scroll all the way to the top in order to access the menu.
2. Product List & Grid View:
As per their preferences, mobile shoppers get to choose either a list view or grid view to browse products. Both of them should offer a more precise & detailed view of the products.
3. Browse Products Horizontally:
It’s a common style for shopping apps to have vertical swiping in order to browse products. Along with that, an additional feature can also be added offering left & right swipes. It further enhances the user experience & engagement especially for the millennials who are fond of quick & seamless browsing.
TIP: Personalization Of Apps:
As per various survey reports, millennials are frustrated with the irrelevant emails & notifications being shared with them. They, being a major percentage of e-shoppers, must be served with personalized newsletters & notifications.
1. Push Notifications:
Push notifications on the mobile devices are quite an efficient tool to drive sales for your store. The personalized notifications have proved to boost user retention & conversion rates by 3 times when compared to email campaigns & web notifications. Using your creative and design skills, leading users to a successful purchase is more facile.
2. Newsletter Subscriptions:
Out of all categories available on shopping websites/apps, users may want to opt-in for selective newsletters. For example, the female app audience on a clothing e-store may want to follow up with the newsletters of only the ‘Women Apparels’ section. Hence, to have better user engagement, such personalized opt-in newsletters popup forms must be configured on a Shopping App.
3. Multi-Lingual & Multi-Currency Support:
For personalization of the app & catering to international customers in a better way, multiple languages & currencies should be available in the apps. For Arabic, Persian & similar languages that follow right to the left pattern (RTL), should be made compatible as well.
TIP: Simpler Product Search:
1. Layered Navigation (Filter & Sort):
Easy navigation has always been a prime requirement for eCommerce apps. With filtering and sorting of products, it is just a matter of moments for users to find their desired product. This feature improves user-experience by narrowing down the time spent on successful purchases.
2. Wishlist:
Wishlist functionality aids customers with shortlisting the favorite products that they are willing to buy. Certainly, this saves the user time by displaying the bookmarked products on a single screen.
3. Social Sharing Of Products:
The users get to share eCommerce mobile app products on social media channels like Facebook, Google, etc. This way, the existing users can lure the potential audience available on various social networks.
TIP: Offers/ Discounts & Banners:
1. Flash Sale (Time Based):
Most shopping websites & apps use the strategy to create an urgency for online product purchases. This has been already proven quite helpful for online retail biggies. Offer timer-based countdown sale on your app & encourage customers to buy products as soon as possible. With the limitation, online shoppers tend to purchase more quickly.
2. Discount Vouchers & Coupons:
Discounts are everyone’s favorite and play a huge role in increasing sales. All such vouchers & coupons running on your website should work seamlessly in your eCommerce mobile app as well.
3. Gamified Email Subscription:
You would have observed a gamified ‘Spin & Win’ wheel-like interface on some eCommerce websites. The user who spins its digital wheel wins a discount mentioned in the pie. Some sections may even state ‘try your luck next time’. Whether the user gets a desirable discount or not, either way, he/she ends up submitting E-mail address. The outcome here is solely beneficial for remarketing purposes. The users also get an interactive interface to gain offers.
TIP: Feedback, Loyalty & Reward Points:
1. Feedback:
Often, we all receive in-app feedback popups that ask-
‘How would you rate us out of 5 stars?’
‘From a scale of 1 to 10, how likely will you recommend us to your friends?’
Such surveys help the e-business to be aware of their weak areas are opens the doors to improvisation and improvement. It also ensures to serve customers in a better way.
2. Customer Loyalty:
You can award frequent shoppers with loyalty cards that can be used as a discount coupon while next purchase. Improving customer loyalty in your eCommerce mobile app can be a direct boon for your sales.
3. Reward Points:
On each online purchase, an eCommerce mobile app rewards its customers with some points. Upon accumulating such points & reaching a limit of say 1000 points, customers receive major cashback & offers. This encourages customers to shop more from the app.
4. Referral Points:
You can provide a unique referral code to each of your app users. When the user encourages another newbie user for signup using his/her referral code, you can award the former one with relevant reward points.
TIP: Live Chat For Instant Support:
1. Social Chat Options:
Your mCommerce shopping app with inbuilt chat support will allow users to communicate in case of any issue. For instance, WhatsApp & Zopim (Zendesk) chat in the mobile app is more likely for customers to get the required assistance.
2. ChatBots:
Many applications also have a chatbot integrated with them. It further offers more opportunities to even set automated messages for certain types of pre-defined user queries.
TIP: Checkout & Payments:
1. Favorable Payment & Shipping:
We all prefer our favorite payment method when it comes to making online transactions. That too in online shopping, the users tend to leave products in the cart without successful purchases in case of unavailable payment options. The store admin should keep in mind to add all necessary shipping & payment methods on the eCommerce shopping app. This can be a prime measure to reduce the rate of cart abandonment.
2. Handy Checkout Process:
Ask only the necessary details on the checkout screen. The one-page checkout in eCommerce mobile apps requires only essential order related entries before leading to the payment screen. This way, the user even gets to review the complete order before the final purchase. Having a single screen checkout aids the users from backing out of lengthy form fillings. It engages better with the users & helps in achieving high conversion rates.
3. Order Tracking:
The order tracking feature in mobile apps must allow the customers to be aware of the whereabouts of the placed orders. The mobile shoppers can keep an eye on the delivery of the previous purchase items. Keeping a potent tracking option will also motivate users to prefer your app again & make more purchases to increase revenue.
Summing Up:
For eCommerce Shopping Apps, these are some of the trendy ways to engage more users in an organic way. It not only improves the sales but also builds a good brand reputation. These days, most of the shopping apps are built using a readymade tool like eCommerce Mobile App Builder. It handles the complexities and burden of e-store owners for the creation and management of shopping applications. Having listed all the prominent mobile app user engagement tips, I hope you find this article helpful.
Check out Mobile App Builder for various eCommerce platforms:
The revolution in the mobile app space has created a significant buzz in our lives. Almost every sector has been digitized with the impact of mobile apps & the eCommerce industry isn’t an exception to this. After online commerce, mobile commerce has changed the perception of how users shop products these days. Various research & studies are confirming the fact that users prefer eCommerce mobile app & are more loyal to that as compared to desktop websites. The simple factor behind it is that the users get all relevant product information at their fingertips.
Mobile commerce & customer loyalty go hand-in-hand. When it comes to bonding of your online store with worldwide users, mobile apps are the best solution. Those days are gone when marketing through websites was enough to bring potential users to your store. Currently, mobile apps are the bridge between your business & the user. Technically, an app takes your store straight to user’s pockets, compel them to browse & purchase products.
Here, I am discussing a few points which will hopefully clear the value of launching mobile shopping apps. Read them:
#1 Keep users updated about latest happenings
In online shopping, the users are always keen to get the best products at reasonable prices. If you can adapt this strategy, it will make a huge impact on your sales. At times, the users keep on spending their valuable time in searching best offers. Don’t let them struggle. Try to keep them fully notified & updated about the best deals on your store along with upcoming sale or offers. You can even let specific users pre-sales offer before it’s available in general.
Marketing store deals & offers is much easier with a handy push notification tool. It not only builds your brand reputation but also notifies users about the offers even when they are not using the app. The personalized push notifications will deliver the right information to the users & compel them for instant purchase.
Also Read:
#2 Personalize App Home Screen for better Experience:
The home screen has its importance for a shopping app as the basis interaction begins here only. Try to highlight daily deals, best offers, new arrivals, seasonal discounts, etc. with attractive banners & graphics. This will compel the users to browse the selected product grouping & has the high chances of successful purchase as well. The store admin can even go for Flash Sale or Timer sale to create the necessary spark.
More you personalize the app, more it gets able to connect with users. The users even feel more valued with the availability and ease of everything required. Keep other screens of your app simple & intuitive offering better user experience gaining customer loyalty in return.
Also Read:
#3 Offer Discount Coupons & Rewards to boost sales
Coupons had been a strengthening factor in increasing the conversion rate of your online store. That too for the long past back. It will also work with mobile apps. Make sure the coupons running on your website also work on mobile apps & allow users to avail the valid discount. It will even reduce the rate of cart abandonment.
Everyone around us loves to get a price drop or something extra while shopping products. You can use your mobile app to build the right strategy for that. Offer reward points for their previous purchases or let them earn points by app referral system. It will also invite other users to your app & will maintain a sense of excitement about the purchase.
Also Read:
#4 Provide 24*7 User Support to gain trust
Customer interaction is a must for an online business. Often, the users need some sort of confirmation or having doubts before making payment. We should have a relevant medium to curb out their queries. Mobile Apps are the best suited for this job. They allow the users to directly contact you with inbuilt WhatsApp or Zopim chat options.
The prompt response to their queries will make them satisfied & increase customer engagement as well. Moreover, it brings you the best chance to improve user retention & gain loyalty. This is also one of the leading factors behind satisfactory feedback for your products.
Also Read:
#5 Strengthen your positive brand image
The mobile apps improve the visibility & reach of your online store & thus strengthen your brand presence worldwide. Nowadays all the leading eCommerce giants are majorly accessed through their mobile apps. That big is the scope of mobile apps in today’s market branding.
Your app icon in the user’s devices, brand logo in apps makes sure that whenever users browse the mobile, your app will notify them about the brand. Keeping all your online store details readily available for users, the mobile apps form a positive image for your brand improving user retention & loyalty.
Also Read:
Conclusion:
With the above-discussed points, it must have been clear that mobile Commerce app can be a potential source of engagement & loyalty for your eCommerce business. It connects well with the right audience & hits where it should. Thus, to build strong user-base with increased revenues, creating an eCommerce mobile app should be your very next move.
Migrated your eCommerce store to the updated version Magento 2.0? Well, let’s build a pair of native Mobile Apps for the same.
Having a Magento 2 Mobile App for your eCommerce website is much more than just a sales & marketing tool as it enhances your revenue & loyalty in just minimal efforts. But, building a native Magento 2 Mobile App is a lot tougher than it seems as you have to indulge in all sorts of coding languages & expensive tools/software. This article actually covers two basic questions regarding your Magento 2 Mobile APP:
Ques 1: Why you should start selling on App along with Magento 2 website? Ques 2: How can you get a powerhouse app for your Magento store?
Well, stick to the end of this article & hopefully you will get all your answers.
Magento 2 Mobile Apps: An Introduction
The Magento eCommerce platform has almost all varieties of multi-sized businesses from small-scale industries to start ups. And that too seems to be growing since the Magento has launched its updated version with issues fixed & updated features. Since this is a new platform & the majority of store owners are still deciding to move to the mobile platform, you can take a lead by transforming your website into native Magento 2 Android & iOS app.
As far as profits are concerned, having a Magento 2 Native App will definitely lure heavy mobile user base to your store which will ultimately boost user engagement & sales. Offering your users an amazing shopping app is also the reason behind more sales & revenue. So, getting a featured Magento 2 Mobile App is the next big thing you could do for your store after migration.
Magento 2 Mobile Apps: Development (3-steps Only)
We have made Magento 2 Mobile Apps development process as simple as it could for you. All you need to do is to follow these 3 simple steps:
Step 1: Purchase Magento 2 Mobile App Builder module & install the same on your store. Step 2: Share your app specifications/requirements with our pre-requisites form. Step 3: Get developed APK/IPA files & publish on respective App Stores.
If you face any issue, we will assist you in publishing your app.
Magento 2 Mobile Apps: Unbelievable Features
Your Magento 2 Mobile Apps would have numerous features & functionalities that definitely be a game-changer for your business. Let’s take a look at the major ones of them:
1. User-friendly Interface: The Magento 2 Mobile Apps come up with simple yet friendly interface which makes mobile app shopping fun for the users. Various intuitive font options are also there in the app.
2. Customizable Home Screen: The way you offer your app look & feel decides the no. of purchases you are gonna get. The Magento 2 Mobile App Creator offers a fully flexible home screen with all sorts of customization. The store merchant gets various attributes to craft the home screen:
Top Categories
Multiple Banners (Square, Grid, Sliding)
Multiple Products (Square, Grid, Sliding)
Countdown Timer Banner
Recently Viewed Products
All these designing elements are fully configurable & their positioning can be changed with just drag & drop feature.
3. Tab Bar Icon: Magento 2 mobile app comes with tab bar icon functionality which allows users to quickly switch among one section to another section of the app. Tab bar icon functionality makes the experience of app users smoother & simpler.
4. Web-admin Panel Access: The Magento 2 Mobile App Maker offers complete module backend access to the store merchants & let them design & manage the app on their own.
5. Live Synchronization: The Magento 2 Mobile Apps are in 100% synced with your website & which reverts all sorts of website updates on Mobile App. Your Mobile App inventory automatically gets updated as of website.
6. Tablet & Mobile Support: The Magento 2 Mobile App Creator offers tablet & mobile supported apps for your website which runs flawlessly on user’s devices. Whether it’s an iPhone, iPad, Android phone or tablet.
7. Multi-lingual & RTL Support: The Magento 2 Mobile App Maker offers both multi-lingual & RTL writing support on Android & iOS apps. You can offer your app to users living in any corner of the world.
8. One-tap Login: The Mobile Apps with Magento 2 Mobile App Creator offers Google/Facebook/OTP/Fingerprint login options for the shoppers.
9. 24*7 Chat Support: Your Magento 2 Mobile Apps come up with 24*7 Zopim & WhatsApp chat support which makes it easier for the app user to contact directly with the store admin.
10. Easy Payments: The Magento 2 Mobile App Creator supports all sorts of website payment options on the mobile app. You can even add various other native payment methods over a small fee.
11. All Shipping Methods Support: Your Magento 2 Mobile App supports all sorts of website shipping methods & eases the trade for you.
12. All Product Type Support: The Magento 2 Mobile App Creator supports all sorts of products on Mobile App like the single, bundled, configurable, grouped, downloadable, etc.
13. Layered Navigation: The Magento 2 Mobile App has multiple filtering & sorting options which makes the product search more seamless.
14. Voice Search (Android Only): The Magento 2 Mobile App Maker offers advanced voice search in Android App to make the search process easier.
15. Coupons & Vouchers Support: The Magento 2 Mobile App Maker supports all sorts of coupons & vouchers in Mobile App. Your app users can also use active website coupons/vouchers.
16. Simplified Checkout Screen: Easier the checkout process, more are the chances of successful purchases. The Magento 2 Mobile App Builder offers a single-screen checkout approach in Android & iOS apps.
17. Real-time Order Tracking: Curb out your app user’s insecurities with real-time order tracking functionality in Magento 2 Android & iOS apps.
18. Push Notifications: The Magento 2 Mobile App has a handy push notification tool which allows you to send unlimited push notifications regarding daily deals & highlights. Both automated & manual notifications are offered with Magento 2 Mobile App Creator.
19. Wishlist: Sometimes the users will not purchase the products for some reason like unavailability of size, color, product, etc. But, Mobile app for Magento 2 comes with inbuilt wishlist functionality which allows users to save their desired products on it for future purchases.
Conclusion
There might be a variety of Magento 2 Mobile App solutions as of now but, not all of them have such easy process & sale-pushing features. KnowBand has designed this module completely admin-friendly & provided almost every access into your hands. The features are more than enough to make your eCommerce store selling hassle-free on Mobile App.
The merchants who haven’t upgraded their store to Magento 2 & still using the old version can also take their store to the mobile platform with Magento Mobile App Builder. Go & build one for your store today.
Have you recently migrated to Magento 2.x from Magento 1.x? It’s time to build native Apps for your store. We all are aware that eCommerce mobile apps are one of the most unavoidable needs of online businesses today. So, if you are a Magento 2 store owner and planning to take your website to the Mobile platform, KnowBand has made the job simpler for you. Find out how?
The Magento 2 Mobile App Builder extension lets you upgrade your eCommerce store into a pair of featured & flawless Mobile Apps. The fully functional Android & iOS apps developed with Magento 2 Mobile App Maker would definitely fulfill all the requirements for the growth of your store. This is the most seamless solution for mCommerce development. All you need to do is to specify your business requirements and leave the rest to our skilled development team.
The Mobile Apps for Magento 2 stores developed by this ready-to-go solution provide a flawless and reliable shopping experience to the users. This will definitely boost conversions & sales of your store.
1.1 New Updates:
a) Home Screen Layout Backend Preview:
In the latest version (v1.0.6) of Magento 2 Mobile App Creator, the store admin can preview the home screen layout there only while setting up it from the admin panel. No need to open the app, refresh every time to visualize the changes. Just design your home screen with more ease and change it whenever required.
b) Flutter Update:
We have recently updated our both Android and iOS Mobile Apps to the latest Mobile App Development technology Flutter. Now, users can experience robust speed with all the updated features.
c) QR Code/Bar Code Scanner:
Now, the mobile app users can also search their favourite data by searching via QR/Bar codes. Android and iOS App users can find the updated option on the search page.
d) Video Banner Elements:
Knowband’s Magento 2 Mobile App Builder now includes video banner components on the home page. This feature allows store admins to showcase engaging videos by uploading them directly or embedding YouTube videos, enhancing the visual appeal and user experience of the app’s home page.
e) List/Grid View:
With Knowband’s Magento 2 Native Mobile App Builder for Android and iOS, app users can seamlessly switch between list and grid views while browsing products. This feature enhances the overall shopping experience by offering a flexible and visually appealing way to explore products. Users can easily toggle between the views using the list/grid button available on the product listing pages.
f) Video/Banner Options on Category Product Listing Pages:
The updated Knowband Mobile App Maker for Magento 2 now allows store admins to enhance category product listing pages with video and banner upload options. Admins can upload videos (under 2 MB) or directly showcase YouTube videos, offering a more engaging and dynamic browsing experience. This feature provides greater UI control for the store admin while significantly improving customer interaction and experience.
g) Automated Banner Sliders:
The latest Knowband Magento 2 Mobile App Builder introduces an automated banner slider feature, enabling store admins to configure the sliding interval directly from the module backend. This functionality is particularly useful for the “Banner Horizontal Sliders” on the home page, where admins can add both video and image banners for a dynamic and engaging display.
h) Enhanced Review Section:
The Knowband mobile app offers an enhanced review section. Approved reviews are now displayed with an improved UI, providing a visually appealing and seamless experience for both Android and iOS app users.
i) Login and Sign-up Pop-up option:
Capturing the visitors’ emails is one of the biggest challenges in eCommerce. However, we have simplified this process by introducing the login/sign-up pop-up in the recent Mobile App Builder version.
The store admin can add a login pop-up that will appear for non-logged-in customers, increasing the email opt-in chances by providing simple login options to the users.
1.2 Module Installation
The steps to install the Magento 2 Mobile App Creator module are mentioned below:
The package has a zipped file that contains the user manual and the source code of the Mobile App Builder Extension. Unzip the package.
Create a folder{Magentoroot}/app/code/Knowband/Mobileappbuilder
Upload the extracted content in the above folder via FTP manager (like Filezilla or WinSCP – download here: https://filezilla-project.org/).
Now run the below commands to install the plugin:
php -f bin/magento module:enable –clear-static-content Knowband_Mobileappbuilder
php -f bin/magento setup:upgrade
php -f bin/magento setup:di:compile
php bin/magento setup:static-content:deploy
The extension is now installed and ready for use. In Admin Panel go to “Knowband > Mobile App Builder”. You can now configure and use the Magento 2 Mobile App Builder module.
2.0 Magento 2 Mobile App Demo
Before going for the purchase of the Magento 2 Mobile App Maker extension, it’s better to test our demo apps.
2.1 View Our Demo Store working on Apps
We have developed two demo apps & set us a demo store for seamless testing of the module before actual Mobile App development. Follow the steps mentioned below:
Step 1: Download and install Nautica Magento 2 Mobile Apps on your testing device. Here, are the links to Magento 2 Android & iOS Apps: Apple App Store Google Play Store
Step 2: Open the App and tap “View Demo” option. That’s it, you can easily test all the app functionalities now.
Note: To access the Admin Panel of KnowBand’s Magento 2 Mobile App Builder on our demo store, visit here.
2.2 View Your Store working on Demo Apps
Want to test your own website on these demo Mobile Apps? We even made that possible in just 3 simple steps:
Step 2: Install the Demo Apps (links in the previous section) on your mobile device. Open the App & enter your website URL in the “View Your Store” option.
Step 3: Tap “View Your Store” and start analyzing your own website working on our demo apps.
Note: This Free version of Mobile App Builder is just for the demo purpose & no APK/IPA files will be provided with this module. In order to get your own APK/IPA files, you need to purchase the paid version of the Magento 2 Mobile App Builder.
3.0 Build your own Magento 2 Mobile Apps
After successful testing of Magento 2 Mobile App Builder, build a pair of mobile apps for your website. KnowBand has made it as simple as it could get.
Step 1: Purchase & Install Module on your website.
Purchase Magento 2 Mobile App Builder & install the same on your store using your store FTP details.
Step 2: Share your App Specifications
Share some details regarding app development with us through a pre-requisite form.
Step 3: Get Your Android & iOS Apps in 1-2 days
The final APK & IPA files can be shared with you in just 2-3 days. You can review the same & suggest changes (if any).
Note: You can publish these APK/IPA files on respective app stores. Refer to the following links for the same:
If there is any issue while app publishing, we would get it done for you.
4.0 Admin Panel Screens
After the successful installation of Magento 2 Mobile App Builder, the store admin will get the following tabs for customization:
4.1 General Settings:
Enable the Extension: Enable the Magento 2 Mobile App Builder to make the mobile apps work on the user’s devices.
Redirect to Cart Page when Add To Cart: Whenever any user clicks on Add To Cart button, it will be redirected to the shopping cart screen.
Display Short Description: Enable to display of the short product description on the product screen.
Enable Request Log Reporting: Enable the error log on the mobile apps which is used to identify & rectify any abnormal behavior of the mobile apps.
Show App Preview: This option will show/hide a preview of the app.
Enable/Disable Spin and Win: If you are using Knowband’s Spin and Win module, this option will enable/disable the spin and win pop-up in the apps.
Enable Social Login: This option will enable/disable social login options in the apps.
Enable/Disable Fingerprint Login: Enable Fingerprint login on the Mobile Apps.
Enable/Disable Phone Number Login: Enable Phone Number login on the Mobile Apps.
Mandatory Phone number at registration: The store admins can make the mobile number optional/mandatory by the help of the following button.
Select Layout for Home Page: Choose the desired Home Screen layout for the mobile apps.
Display Notifications in App: Show/Hide Notification tab in the app for the customers.
Enable/Disable Login Pop-up: The admin can enable the login pop-up on the home page with this button.
Disabled Shipping Methods: The admins can disable specific shipping methods for the app only from the following button.
Enable Live Chat Support: Enable/disable Zopim(Zendesk) chat option on mobile apps. You need to enter the chat API key provided along with the final apps.
Enable WhatsApp Chat Support: Enable/disable the WhatsApp chat option on mobile apps.
Enable Logo: Enable logo on your mobile apps. You can upload the logo image which will be displayed on the header of the mobile apps.
Select Font of the apps: With the help of the following button, the admins can change the fonts of both Android and iOS Apps.
App Button Color: Choose the button color for your apps.
App Theme Color: Choose the theme color for your apps.
App Button Text Color: Choose the button-text color for your apps.
App Background Color: Choose the background color for your apps.
App Icon Theme Color: Choose the app icon theme color.
4.2 Menu Settings:
With the Menu Settings tab in Magento 2 Mobile App Maker, you can easily add and manage CMS pages on your mobile app. The Contact Us page can be enabled or disabled as per your preference, and you can also add new CMS pages to the menu. This allows you to provide your customers with easy access to important information such as your store policies, FAQs, and more. Additionally, you can customize the order of the menu items to make it easier for your customers to navigate through the app.
4.3 Push Notifications:
Service Account JSON: With the deprecation of the traditional Firebase push messaging API, it has been replaced by a Service Account JSON file. This section allows admins to configure the JSON file obtained from their Firebase account. You can either set this up on your own, or we will provide the Service Account JSON file during the app creation process for your convenience.
Order Success Notification: Configure automated Order Creation push notification which would be sent automatically to the user’s apps who successfully create an order through your app.
Order Status Update Notification: Configure Order Status Update notification which would be sent automatically to the users whenever there is an update in order delivery status.
Abandoned Cart Notification: Configure automated Abandoned Cart notification which would be sent automatically to the users who left their products in the cart.
4.4 Push Notifications History:
In the following tab, we have provided the option to check all the previously shared notifications along with the date and time. Moreover, by clicking on the send a new notification, the users can also send new notifications to the app users.
We have also added a special feature in the Magento 2 mobile app Builder module. Now the admins can send new notifications immediately or can also schedule them for the future.
4.5 Home Page Layout
The Magento 2 Mobile App Builder offers a customizable Home Screen with all sorts of design elements in the module backend. You can create any layout for your mobile app’s Home Screen & offer it to your users.
After adding the layout, click on the Edit option & start configuring various designing attributes for your Magento 2 App Home Screen.
The store admin can configure the following design elements under the Home Page Layout tab of the Magento 2 Mobile App Builder:
Top Categories:
These square-shaped categories can be used to highlight all the major categories of your website on the Home Screen. These categories can be added from the module backend as shown in the below snapshot:
Square Banner:
The Banner can be displayed in square form on the Mobile App Home Screen. Now, the store admin can add or upload YouTube videos for the banner square layout components with the relevant options provided in the redirect activity section. The landing page, image can be configured as shown in the below snapshot:
Sliding Banner:
The Magento 2 store admin can also add video elements in the horizontal sliders. We have also provided a time interval section in the recent updates that will allow the admin to configure the interval for the automated banner sliders.
The sliding banners can be displayed on the mobile app Home Screen which can be configured as shown in the snapshot below:
Grid Banner:
Like horizontal banner sliders, the store admin can also add videos in the grid banner layout components. These are the banners for the app home screen displayed in the form of a grid listing & can be customized as shown in the below snapshot:
Countdown Timer Banner
Display a countdown timer banner on Magento 2 Mobile App home screens & offer a time-based/flash sale to your users:
Square Products:
The products can also be listed in the square listing on the Mobile App Home Screen. This can be configured as shown in the snapshot below:
Sliding Products
The products can be displayed in the slider view on the mobile app Home Screen & can be configured from backend panel.
Grid Products:
The products can be displayed in the grid view on the Mobile App Home Screen:
Products Recently Accessed:
The Magento 2 Mobile App Creator offers the recent products tab on the mobile app home screen which displays recent products viewed by the user. You can just add the element in your layout to display the same on the home screen.
Login Pop-Up:
The enhanced Magento 2 Mobile App Maker comes with a login pop-up on the home page. With the help of this layout component, the admin can showcase a login pop-up on the home screen of the app. This pop-up will only appear for non-logged-in users.
Note: The store admin can add up to 20 elements while designing a layout in the backend panel.
5.0 Mobile App Screens
5.1 Home Screen:
The Magento 2 Mobile App Builder brings the complete flexibility to design the mobile app Home Screen on your own. The Android & iOS mobile apps can be designed from the backend panel using the following designing attributes:
–> Top Categories
–> Square Banners
–> Sliding Banners
–> Grid Banners
–> Square Products
–> Sliding Products
–> Grid Products
–> Countdown Timer Banner
–> Recently Viewed Products –> Login Pop-Up.
–> Video Banner Elements
–> Enhanced Review Page.
The positioning of all the elements can be changed with a simple drag & drop.
a) Dynamic Layouts: Create & save various alluring & intuitive layouts in the backend & change your app’s look & feel in just one click.
b) Store Logo: Add your store logo image in the module backend & display the same on the header of the apps.
c) Search: The Magento 2 Mobile Apps have keyword search options that allow users to search for products without any hassle. Along with Keywords, the users can also search products via QR and Bar code scanner.
d) Wishlist: Wishlist option in Magento 2 Mobile App lets you bookmark the desired products for future purchases.
e) Shopping Cart: The users can easily access the shopping cart from the top-right corner of the home screen.
f) WhatsApp: The Magento 2 Mobile App Maker offers two live chat options in mobile apps with Zopim & WhatsApp. The app users can directly message you regarding any issue or query regarding purchase.
g) Login-in Pop-up: We have recently introduced the all new login-signup pop-up in Magento 2 Android and iOS Apps. If the customer is not logged in, he simply complete the login/signup buttons provided under the sing-up pop-up.
5.2 Accordion Menu (Navigation Bar)
The Magento 2 Mobile App Maker offers an Accordion Menu in the mobile apps which displays the store categories on the Mobile Apps. Your app users can easily browse all the categories from this menu & access all CMS pages. This menu has the following options:
Categories: All sorts of categories on your store are fetched on the Android & iOS mobile apps as well. The apps even offer a multi-level categorization & allow the users to browse products with ease.
CMS Pages: All CMS pages on your store like About Us, Contact Us, Terms & Conditions, etc will be displayed on this Menu.
Language(s): The Magento 2 eCommerce Mobile Apps are both multi-lingual & RTL languages supported. The users can choose the desired app language & the entire app contents will be translated accordingly. Every sort of language available in the store is displayed here under this menu.
Currency(s): Just like multiple languages, all sorts of currency options running on your website will be displayed in Magento 2 Mobile Apps. This allows app users to make payments with the desired currency option.
5.3 Category Screen:
All categories on your Magento 2 website are fetched on the Magento 2 Mobile Apps as well. The category screen of the Magento 2 Mobile App has two views: Grid & List view. This screen has the following options:
Grid & List View:
The products can be displayed in both grid & list view.
Sort:
The sort option in Magento 2 Mobile Apps allows the users to view products in the Low to High or High to Low categories.
Filter:
Filter down the category products with various attributes like price, cost, etc. & search for desired products without any effort.
5.4 Product Screen:
The Magento 2 Mobile App product screen is completely clutter-free & appealing. Every product has multiple images displayed along with its name & price. The product availability is also displayed as “In Stock” or “Out Of Stock” along with the price discounts. The Product Screen has the following options:
Product Options:
Various options related to the product like size, color, etc. are displayed on the product screen. These options are the same as those available on your website.
Short Description:
Users get to read the short description of your product to quickly make up their minds. The Magento 2 Mobile App displays both short & full descriptions of the products.
Product Info & Care:
All the information related to the specific product is displayed in this section. This is the same information as on the website.
Add To Wishlist:
The users can even add the products to the wishlist bag from here. The products added to the wishlist are bookmarked for future purchases.
Add To Cart:
The Add To Cart button allows you to add products to the cart which can be processed further in successful order creation.
Product Social Sharing:
The Magento 2 Mobile App has the option to share the products on different social platforms, Bluetooth & e-mail. The users can share the products with their friends & relatives & bring potential users to your store.
5.5 Wishlist Screen:
The Magento 2 Mobile App Builder offers a wishlist bag allowing the users to bookmark products for future purchases. The app users can view the list of all wishlist products from this screen. It has the following options:
Add To Cart:
The app users can add the wishlist product directly into the shopping cart with Add To Cart option.
Remove From Wishlist:
The users can even remove any wishlist product with a remove option if required.
5.6 Login Screen
The Magento 2 Mobile App Maker offers various one-tap login with the following options:
1. E-mail Login
2. Google & Facebook Login
3. OTP & Fingerprint Login
Login:
The Magento 2 App users can authenticate & access using e-mail sign-in credentials.
Sign Up:
All the new users can sign-up & create their account on the store from the mobile App. The sign-up form for the Magento 2 Mobile App is fully seamless.
Login with Phone Number:
Your Magento 2 Mobile App comes up with a phone number login option allowing the users to verify OTP.
Login with Fingerprint:
Your app users also get an option to log in with a fingerprint. This biometric authentication makes the app log in just a matter of a few seconds.
Login with Facebook:
The users can log in to mobile apps using their Facebook Account Credentials.
Log in with Google+:
The users can log in to the app using their Google+ Account Credentials.
5.7 Shopping Cart Screen:
The Shopping Cart screen of the Magento 2 Mobile App will display all products added to the shopping cart. The mobile app users can view Product name, quantity, total price & shipping cost from the cart. The Shopping Cart screen has the following options:
Apply Voucher:
This option allows the users to get discounts & offers by entering valid coupons & vouchers running on your website.
Total Product Price:
The users can view the complete cost of their shopping bag which is automatically updated as per any addition to the cart.
Update Product Quantity:
The users can even update the specific product quantity.
Remove Product:
The app users can simply remove the product from the cart.
Continue Shopping:
The app users can leave the cart to browse more products on your app. The shoppers will be redirected to the home screen by tapping the Continue Shopping option.
Continue To Checkout:
The app users can proceed further to the checkout & payment screens just by tapping the “Continue To Checkout” option. It will redirect users to the checkout screen.
5.8 Checkout Process
The Magento2 mobile app Builder consists of a simplified checkout process. The front-end mobile app users have the option to select shipping details, billing details, order numbers, order comments, and so on in the checkout process of the mobile app.
Users of the Android and iOS apps only need to follow a few simple steps to place their orders.
1. Customers can select the desired product and add it to the shopping cart. After clicking on the shopping bag, he or she can also select the desired product quantity. Moreover, the front-end mobile app users can see the total number of products and shipping costs.
The customer also has the option to apply any voucher and coupon code at the bottom of the same page.
2. After clicking on the Continue to Checkout option, the user can review the order where he or she can see several details. Such as product price, shipping cost, shipping address (It can be edited on the same page), order summary (Number of the products), total price, and so on.
Additionally, the customer has the option to select their preferred mode of shipping on the same page. The user can also put his or her special request or requirement in the order comment option appearing at the bottom of the screen.
The user will be redirected to the payment method screen after clicking on the continue to checkout option.
On this screen, users have the option to select from all of the website payment options. By default, the shopping app consists of a cash-on-delivery option as a mode of payment.
When the user performs the payment activity, then he or she will be redirected to the order summary screen. where the customer can see the order status, order number, amount, and so on. The front-end mobile app users will get the order confirmation popup message on their mobile phone screens as well.
5.9 My Account Screen
My Account screen of the Magento 2 Android/iOS App allows the users to view the complete account details including a list of all previous orders. This screen has the following options:
Order History:
The users can view the complete details of their past orders, including the date of submission, order reference, pricing, and delivery status.
Update Profile:
The users can update their profile details, such as their first and last name, phone number, and password, using the app’s account settings.
Shipping Address(s):
The users can view all the saved shipping addresses in the Magento2 Mobile App, and they can also add a new shipping address from this screen.
Order Details:
The Magento2 Mobile App allows users to view their order history in the app. The users can see a list of all their previous orders, along with the order date, order number, order status, and total cost. They can also view the details of each order, including the products ordered, shipping and billing address, payment method, and delivery status. This feature makes it easy for users to keep track of their past purchases and reorder products if needed.
6.0 Order Detail Screen
The Order Details screen in your Magento2 eCommerce App displays the complete order details, including the shipping address, product summary, shipping and payment method, and total cost summary. The app users can track the delivery of previously placed orders directly from this screen, providing them with a hassle-free shopping experience.
7.0 Advanced Magento 2 Marketplace with Mobile App
KnowBand’s Magento 2 Marketplace converts your online website into a fully-fledged marketplace. The Magento 2 Mobile App Builder is fully compatible with Magento 2 Marketplace extension. This means you can bring the entire marketplace listing on the same Magento 2 Mobile Apps. Thus, launch a pair of Marketplace-compatible Mobile Apps with KnowBand & attract a large base of sellers & customers to your store.
–> As the user clicks on the Seller option, he/she is redirected to the Seller page of the mobile store. The user can view the list of the sellers in the marketplace along with their ratings.
–> The customers can click on the name of the seller in order to see his profile and the product being offered. The sellers can log in with their username and password. They are then redirected to the dashboard.
Get to know more about Magento 2 Marketplace with Mobile App from here.
That’s it! For More Info on KnowBand’s Magento 2 Mobile App Builder, refer the following links:
Get fully Flutter Android & iOS apps for your WooCommerce website & start selling your products on Mobile Apps!
1.0 Introduction
This is the user manual for WooCommerce Mobile App Builder’s cutting-edge and ready-made Flutter mobile app solution. This eCommerce website plugin was created and expertly crafted to help you create flawless and feature-rich Android and iOS shopping apps.
1.1 Introduction to WooCommerce Mobile App Builder
The most sophisticated and automated way to expand your online business to mobile platforms is with the WooCommerce Mobile App Builder. It turns your entire website into a mobile app with features and enables you to sell products on mobile devices in addition to the traditional website. The app’s features and operation perfectly mirror those of the website and are compatible with both Android and iPhone devices.
The pre-configured framework used by our WooCommerce Mobile App Builder was created by experts and professionals to create two Flutter eCommerce apps (Android and iOS). The apps can bring every item in your store to the user’s fingertips and increase sales and revenue. Therefore, this is your best opportunity if you are a WooCommerce store merchant looking for a complete mobile app solution. To get complete information on WooCommerce Mobile App Development, read the article in its entirety.
Additionally, the Multi-vendor Marketplace plugin is fully compatible with our WooCommerce Mobile App Builder extension. The same Mobile Apps can be used to access the entire marketplace listing. Even better, we provide a bundle that includes both WooCommerce Advanced Marketplace With Mobile App and WooCommerce Multi-Vendor Marketplace.
Moreover, You would be persuaded to choose this Flutter app solution if you considered the following advantages of WooCommerce Mobile App Maker:
A mobile app solution with no coding.
A welcoming administrative panel with full access.
Free assistance for three months
Completely Flutter remedies (Android & iOS)
Synchronization of your apps and website at all times
Extremely flexible in terms of design and operation.
Uses practical marketing tools to boost user engagement.
Increases your store’s revenue and traffic.
Top Qualities of the WooCommerce Mobile App Builder:
The following is a list of some of the major features that your apps with WooCommerce Mobile App Builder will include:
The layout of the home screen can be changed (Complete Flexibility)
Store Identities
(24/7) WhatsApp Chat Support
OTP and fingerprint login for both tablets and smartphones with Google and Facebook
Support iOS 9 and subsequent iOS versions, as well as Android 4.2, and up versions support.
automatic inventory updates.
Numerous Font & Color Options
bilingual and RTL (Right To Left)
Support All Product Types
Support Multi-currency
Support Website Shipping Method Supported on Apps
Support Website Payment Method
Push Notifications indefinite
Options for Product Social Sharing
Numerous options for sorting and filtering
Wishlist Functionality
Internet coupons or vouchers backed by apps.
Checkout Screen with Fewer Details
Live Order Monitoring
Unbroken Accordion Menu
Clear-cut Category & Product Screen
Latest Version Updates in WooCommerce Mobile Apps:
With an integrated “Add To Cart” button for products on the Home & Category screen, the WooCommerce Mobile App has been made more usable for online shoppers. By simply tapping the cart button, users can quickly add products to the cart.
The category screen of mobile apps also features an Add To Cart button. Users only need to scroll to the bottom of the page to browse the products and keep adding items to their shopping cart by tapping the Add To Cart button.
A) App Reviews for Products
Our WooCommerce Mobile App is currently compatible with WooCommerce’s built-in Product Comments module. The user can now post product reviews on the website, and those reviews will also show up on the app. The user has access to both read and write reviews on the app.
b) Related App Store Products
The Automatic Related Products module is now compatible with the WooCommerce Mobile App Builder. On the product page of the website and mobile app, related products can be shown. This compatibility can be a wonderful tool for your company to increase cross-selling.
C) Deep Linking: A deep linking feature is built into the WooCommerce Mobile App. Now, when a link is shared, the user will be taken to the application rather than the website. Installing the app on the mobile device is the only requirement. The user will even be directed to the appropriate app screen by the shared link.
D) Accessibility in Offline Mode: With this extension, eCommerce mobile apps will now function even when there is no internet connection. Users are able to browse any time the pages that were loaded while the internet was active. Products, categories, the cart screen, etc.
The WooCommerce Spin & Win extension is also compatible with the WooCommerce Mobile App Creator. On the web store, a spin-wheel interactive pop-up that can be scheduled for entry or exit display is provided by the gamified email subscription pop-up. The same pop-up will now be automatically displayed on the apps thanks to this integration. The extension only needs to be installed on your website.
F) Video Banner Elements: Knowband’s WooCommerce Mobile App Builder now supports video banners on the home page. Store admins can upload videos directly or embed YouTube videos, making the home page more visually appealing and improving the user experience.
G) List/Grid View: Knowband’s WooCommerce 2 Native Mobile App Builder for Android and iOS allows app users to easily switch between list and grid views while browsing products. This feature improves the shopping experience by providing a flexible and attractive way to explore products. Users can toggle between views using the list/grid button on the product listing pages.
H) Automated Banner Sliders: The latest Knowband Magento 2 Mobile App Builder includes an automated banner slider feature. Store admins can easily set the sliding interval from the module’s backend. This is especially helpful for “Banner Horizontal Sliders” on the home page, allowing admins to add both video and image banners for a more dynamic and engaging display.
I) Enhanced Review Section: The Knowband mobile app features an improved review section. Approved reviews are displayed with a better user interface, offering a more visually appealing and seamless experience for both Android and iOS users.
This is not the end of the list. Learn more about the features in-depth from this page.
2.0 Demo of the WooCommerce mobile app
KnowBand is aware of your hesitation to use the solution and has provided all owners of eCommerce stores with a free demo in order to allay your worries. The merchants can see their store operating on our demo apps as well as our demo store operating on mobile devices.
2.1 Check Out Our Demo Store for Apps
Want to see the features of the eCommerce app? In order for you to explore the app and see all of its features, we have integrated our demo store with it. Just adhere to the guidelines below:
Step 1: Your mobile device can be used to download and install the Nautica WooCommerce Mobile App. The following are links to download trial versions of the following apps:
Secondly, the Click the view demo button after launching the Nautica WooCommerce App.
I’m done now! On the demo app, you will see our demo store operating. You can browse it, test out every feature, place orders, etc.
Note: Click here to access the KnowBand Mobile App Builder Admin Panel on our demo store.
2.2 Watch Your Store Operate with Demo Apps
Not content? Do you wish to test the demo apps on your store? We have everything covered for you, though. On our demo app, you can also experience your store, and at no cost. You only need to follow these 3 steps to achieve the same results:
Install the Demo Apps on your mobile device in step 2 (links are in the previous section). Open the app and type in the store URL.
Click “View Your Store” to begin using demo apps to explore your store.
Type your store’s URL into the box that appears.
For instance, see https://www.example.com/
Note: No APK or IPA files will be provided with this module; this Free version of Mobile App Builder is only for demonstration purposes. You must buy the WooCommerce Mobile App Builder’s paid version in order to obtain your own APK/IPA files.
3.0 Create a mobile WooCommerce app in 3 easy steps
We hope you enjoyed the WooCommerce Mobile Apps demo and discovered what you were looking for. So now is the perfect time to add a pair of Flutter apps to your store. An eCommerce mobile app can be created in the most straightforward manner possible. Your app will be ready in just 3 easy steps and 1-2 working days.
First, add the module to your website.
Install WooCommerce Mobile App Builder on your store after downloading it.
Step 2: Share the details of your application
Use our prerequisites form to share your app’s specifications.
Step 3: In 1-2 days, receive your apps
Our knowledgeable and experienced developers create your apps precisely in accordance with the shared details. In 1-2 days, we would reply with APK/IPA files.
Note: These APK/IPA files can be published on the appropriate app stores.
Still a problem? Tell us, and we’ll help you publish the apps. Furthermore, you can contact us at support@knowband.com if you have any questions or suggestions.
4. Installation of Module
You will receive the files listed below once you have purchased the WooCommerce Mobile App Builder module:
1. ZIP-formatted compressed file (contains the source code of the addon)
2. User Guide
You can now continue the installation process in one of the two ways listed below:
Details of module installation via FTP
Installing a module using admin details
5.0 Screens for the admin panel
It’s time to set up the WooCommerce Mobile App Creator’s Admin Panel after it has been successfully installed on your website. You will see the following tab with user-friendly interfaces as soon as you select the “Configure” option on the KnowBand Mobile App Builder. Let’s eliminate each one individually.
5.1 General settings:
The settings needed for users’ devices to run your mobile app are all covered under the General Setting tab. This tab has every generalized option required to sync the app.
A) Enable Plugin: To make your mobile app functional on users’ devices, enable the WooCommerce Mobile App Creator plugin.
B) Enable Spin and Win: When any user opens the app, enable the display of a gamified spin-wheel pop-up on the home screen. It can be used to provide discounts and deals in exchange for their email addresses, which are then used for marketing. The Spin and Win module from Knowband must be installed on your website in order for this functionality to function.
The Spin and Win Module will only function if the plugin has been installed in your store end.
C) Redirect on Cart Page when Add To Cart: This feature enables you to manage the “Add To Cart” button’s navigation. When a user taps the Add To Cart button, you have the option of sending them to the shopping cart or keeping them on the product page. This increases the likelihood of making additional purchases.
D) Display Short Description: Allow the short description of the product to appear on the product screen alongside the full description and other information.
E) Choose Layout: Pick the Home Page Layout you want for your WooCommerce app. According to different holidays and themes, you can create a variety of home screen layouts in the backend and use them as needed for your store.
Choose the preferred button color for your WooCommerce Mobile App under Option
F) App Theme Color: Pick your WooCommerce Mobile App’s preferred theme color.
G) Logo image: Put your store’s logo on the app’s top header by uploading it. This helped your brand gain recognition among global mobile customer s.
H) Disabled Shipping Methods: Select the shipping options you want to be hidden from the WooCommerce Mobile App.
I) Enabled CMS Pages: Select the CMS pages you want to appear on mobile apps.
J) Enable Request Log Reporting: Enable the log feature on mobile apps to learn more about any unusual behavior exhibited by your app.
K) Enable WhatsApp Chat Support: On your WooCommerce Mobile Apps, enable the WhatsApp chat option. Your WhatsApp number entered in the backend can be used by users to get in touch with you directly.
L) Enable/disable Phone Number Registration: In your WooCommerce Mobile App, enable the Phone Number login option and enable OTP authentication for your users.
M) Enable URL encoding for Image Links: Turn on this feature to allow the app to support characters other than ASCII.
N) Show Add to Cart Button on Product Block: The admin can show/hide the “add to cart” button for the product listing pages with the help of this button.
O) Enable Notification List Feature: The button allows the admin to enable the notification listing features for the app users. If this option is disabled, the notification tab will not appear in the app.
P) Enable Sign In Login Popup: The admin can enable or disable the login/sign-up pop-up for the new customers with this option.
5.2 Settings for Push Notifications
The Google Primary Services for the Push Notification to Mobile Devices are used by the WooCommerce Mobile App Creator for Android and iOS to harness the power of push notifications. It provides this practical marketing tool to increase sales by grabbing users’ attention right away. With the help of your WooCommerce Mobile App, you can easily highlight your current specials and offers. WooCommerce Mobile App Maker offers both automated and customized notifications.
A) Service Account JSON: With the deprecation of the traditional Firebase push messaging API, it has been replaced by a Service Account JSON file. In this section, admins can configure the JSON file from their Firebase account. You can either set it up yourself, or we can provide the Service Account JSON file during the app creation process for your convenience.
B) Order Creation Notification Enable/Disable: Enable/Disable automated Push Notification sent to app users upon successful order creation.
–> Title and Message for Push Notification: To create an order successfully, enter the title and message in the push notification setting.
C) Order Status Changed Notification: Users of the app can choose whether to receive automated Push Notifications when their previous order’s delivery status changes.
-> Title and Message for Push Notification: Enter the title and message whenever the delivery status of an earlier order is updated on the push notification setting.
D) Enable/Disable Abandoned Cart Notification: Enable/Disable automated push notifications that are sent to users whose carts have been abandoned but no successful purchase has been made.
Enter the title and message for the push notification sent to app users who have abandoned their carts.
E) Time Interval: The amount of time (in hours) between which app users who have abandoned their carts without making a purchase will receive Push Notifications.
5.3 History of Push Notifications
This tab includes a history of each type of push notification that was sent to a user with relevant information. The retailer has access to all previously sent notifications. Additionally, a custom notification created in the backend can be sent to the users using this tab. Through manually sent notifications, you can easily inform customers about any information or discounts pertaining to the store.
Send Notification: You can choose to manually send a notification to app users using this option. According to the screenshot below, you can customize the notification’s title, message, landing page, image, etc.
a) Push Notification Title: This is the name of the manual Push Notification you will be sending to app users.
b) Push Notification Message: The text of your manual notification that needs to be sent to app users.
c) Device Type: You can specify which users on Android, iOS, or both platforms you want to receive your manual push notification.
d) Image Type: You are able to upload the banner or image you want to use to support your notification. The banner image can be used directly through a URL or uploaded.
e) Notification Image: The store administrator is given the opportunity to preview the notification image and assess how it will appear on users’ apps.
The actual URL of the notification image that will be sent to app users is listed under item f.
f) Redirection Activity: Here, you can select from the Home Screen, Any Category, or Any Product to redirect your notification. Your users will be directed to whatever you specify when they tap the push notification.
g) Choose the Category/Product: For your notification, you can select any relevant category/product screen.
h) Send Notification: After creating and previewing your notification, it’s time to send it to your apps.
5.4 Payment Procedures
All types of website payment methods are supported by the WooCommerce Mobile App Creator for Android & iOS apps. It also includes the option for COD payments and the flexibility to include additional Web-View payment methods.
In our mobile app, the only available payment option is cash on delivery by default. Disable the COD method from the module’s back end, though, if you want to add the same payment methods as on your WooCommerce store. All of the payment options that are available on your website will work as intended in your mobile apps after the COD method is disabled.
.
5.5.1 Home Page Design
The WooCommerce Mobile App Builder plugin’s ability to design and create multiple home screen layouts using different designing attributes and elements is one of its most amazing features. As can be seen in the screenshot below, this tab contains a list of home screen layout that has been previously configured using different themes & fonts:
The following elements are available in the back-end to configure the home page layouts:
Top categories
Square Banner
Horizontal Sliding Banner
Grid Banners
Countdown Banner
Grid Products
Horizontal Sliding Products
Recently Accessed Products
Add YouTube videos/upload videos on the home page layout.
Login/sign-up pop-up for the non-logged-in users.
Add custom banners with custom dimensions.
Any of these attributes can be set up by the store merchant and used to create and save multiple layouts. These layouts can be utilized based on the theme and specifications. Additionally, using just a drag and drop functionality, different elements’ positions can be changed.
Top Categories:
Top categories can be configured, including their image and landing categories or products, and are shown as small squares on the home screen. Maximum categories available through the WooCommerce Mobile App Maker are 8, with a minimum of 4 required.
Square Banner:
Top categories can be configured, including their image and landing categories or products, and are shown as small squares on the home screen. Maximum categories available through the WooCommerce Mobile App Maker are 8, with a minimum of 4 required.
In the recent updates, we have also provided the option to showcase different videos with the YouTube Video/Video Upload section added in the “Select Image Type” section.
Horizontal Sliding Banner:
These rectangular sliding doors are available and fully customizable from the backend. Like banner squares, the admin can also highlight the banner sliders by adding video elements. Furthermore, now the admin can get the option to enter the time that he wants to set for the automated banner sliding.
Grid Banners:
These are square-shaped banners that are listed in a grid format on the home screen. On the home screen, you can place as many banners as you like. You can also change the landing page’s image as needed.
Countdown Timer Banner:
A countdown timer is available on the banner provided by the WooCommerce Mobile App Builder. You can choose the landing page and banner image, as well as set a timer for when you want to display the banner. The banner will automatically disappear when the timer expires.
Square Products:
Regarding banners, the WooCommerce Mobile App Creator provides products to show as square listings on the home screen.
Horizontal Sliding Products
The products can be added as horizontal sliders. The products chosen may fall under any one particular category or may be highlighted as Best Sellers, Featured Products, etc.
Grid Products:
Grid listings of the products can also be added to the home screen. Any category can be used to select the goods.
Products Recently Viewed: The WooCommerce Mobile App Creator offers the recent tab element, which shows the most recent products the user has viewed. To display the element on your home screen, simply include it in your layout.
Sign-Up Pop-Up: Capturing visitors’ emails is a major challenge in eCommerce. To simplify this, the latest version of the Magento 2 Mobile App Builder includes a login/sign-up pop-up feature. Store admins can add a pop-up that appears for non-logged-in customers, making it easier to collect emails by offering simple login options and increasing the chances of email opt-ins.
Note: When designing a layout in the backend panel, the store administrator can add up to 20 elements.
6.0 Screens for Mobile Apps
6.1 Home Screen
Your WooCommerce Mobile App’s Home screen will be exactly how you want it to be. You have complete creative control over how to design and create a home screen with the WooCommerce Mobile App Maker. You can create user-friendly home screen layouts using a variety of banners (Square, Grid, Sliding), products (Square, Grid, Sliding), countdown timer banners, and recent products tabs in the backend.
Additionally, different design elements’ placements can be changed based on the situation.
1. Dynamic Layouts: You can create and save different layouts in the backend and reuse them for different events and festivals by using a variety of elements. Your app’s home screen can be created and customized dynamically.
2. Brand Logo: The WooCommerce Mobile App’s top header’s left-middle section displays your store’s logo. The logo can be enabled or disabled, as well as having its image changed, from the module backend.
3. Search: The search feature enables mobile app users to find what they’re looking for quickly and easily. The WooCommerce Mobile App offers two ways to search for products: On the WooCommerce Mobile App’s bottom tab bar layout, there is a search option.
–> Text: Users of your app can search for desired products by entering a few relevant keywords. The WooCommerce Mobile App will display results for that keyword that are pertinent.
4. Wishlist Bag: The wishlist bag, which contains all bookmarked products, is visible on the top header of your WooCommerce Mobile App. Users of the app can store their wishlist items in a bag for potential future purchases.
5. Shopping Cart: The Shopping Cart can be found on the app’s home screen in the top-right corner.
The users can get to know about the products added to their cart right from there.
6. WhatsApp:
A live seller-buyer chat option can be found at the bottom right of the home screen. Customers who use your mobile app can easily and directly message you with any questions, and you can answer them right away.
6.2.1 An Accordion Menu (Navigation Bar)
On the website, there are WooCommerce Mobile Apps for Android & iOS that have been developed with accurate product categorization. Mobile shoppers can browse a variety of products with ease. The Accordion Menu is also available for all CMS pages. It offers the following alternatives:
1. My Account
All user data, including personal details, shipping addresses, and order details, can be found on the My Account screen. The customers have access to all of their information and can update both their login credentials and personal information.
2. Categories
These categories match those on your website exactly. For easy browsing, you can map them appropriately and provide a 3-level categorization to app users.
3. CMS Pages
Here, a variety of CMS pages from your website, including About Us, Contact Us, Terms & Conditions, etc., are displayed. From the WooCommerce Mobile App Builder backend, you can select the one you want to be shown on the mobile app.
4. Language
Your users can view the WooCommerce Mobile app in their native language using the language selection option.
5. Currencies(s)
The WooCommerce Mobile App also shows all currencies that are offered on your e-commerce website. Customers can view and buy products for the price in the currency of their choice.
6. Sign in/Sign out
This option makes it simple for your users to log in and out of the WooCommerce Mobile App.
6.3 Category Screen:
Your WooCommerce Mobile App includes all of the associated categories, parent categories, and subcategories. The category screen is created with minimal clutter in
1.Two fundamental views:
Grid and List. In every listing, the product name, image, price, and discount are shown along with a button to add them to your wishlist bag. Layered navigation on mobile apps created with the WooCommerce Mobile App Builder makes finding products much easier. The category screens offer the following choices:
2. Sort:
Customers can choose the preferred order for sorting the category product pricing using this option. Your apps have two sorting options: Price: Low to High and Price: High to Low.
3. Filter:
The users can filter out the products using various selection options provided under the filter tab.
6.4 Product Screen:
Your WooCommerce Mobile App’s product screen is straightforward and interesting. Along with the name and price, various images of the same item are displayed. Depending on inventory status, the product availability is also indicated as “In Stock” or “Out Of Stock”. It includes the next additional items.
1. Options
Product Options: This screen shows all available options for the product, including size, color, and so forth. The product choices here match those on the website.
2. Brief Description
Users can quickly decide after reading the brief description of your product.
3. Product Details and Care
This page displays all of the product information that is listed on the website. Users of the app can access this page for detailed product information.
4. Add To Wishlist: By tapping “Add To Wishlist” on the left bottom of the product screen, users of the mobile app can directly bookmark the product.
5. Add To Cart: As the name implies, clicking the “Add To Cart” button adds the product directly to the shopping cart, allowing users to continue with the transaction.
6. Product Social Sharing
On this screen, you have the option to share your product on various social networks, including Bluetooth and email. Users of the app can invite many users to your app by sharing the products with their friends and family on various social media platforms.
6.6 Login Screen
The WooCommerce Mobile App Creator streamlines the sign-in/registration process and provides a variety of one-tap login options:
1. Login
Using their email addresses as sign-in credentials, app users can authenticate and access apps.
2. Register
The mobile app allows all new app users to register and create an account on the store. Only pertinent information is requested on the WooCommerce Mobile App sign-up form.
3. Use Phone Number to Log In
The easier and more reliable phone number login option that your mobile app offers makes it simpler for users to login and verify their OTP.
4. Use your fingerprint to log in
Additionally, your users have the option of using fingerprint authentication to sign in. Users can now quickly access apps thanks to this.
5. Login with Facebook
Users can access the app by logging in with their Facebook credentials.
6. Login with Google
The users can log in to the app using their GoogleAccount within no time.
7. Shopping Cart Screen:
All of the items in your shopping cart are displayed on the WooCommerce Mobile App’s shopping cart screen. The product’s name, quantity, total price, and shipping cost are all visible to app users.
1.Use Voucher
By entering active coupons and vouchers that are currently active on your website, this option enables users to receive discounts and offers.
2. The full product cost
Users can access this page to view the full cost of their shopping bag. It is automatically updated whenever there is a change in the quantity of a product or an addition.
3. Revision of Product Quantity
With the “Update Quantity” option, app users can even change the product quantity.
4. Remove the item
Users of the app can easily remove a product from their cart by selecting “Remove” from the menu.
6. Continue To Checkout
By selecting “Continue To Checkout,” front-end mobile app users can continue to the checkout & payment screens. On the checkout screen, they will receive a redirect.
6.8 Checkout Process
The checkout process in the WooCommerce mobile app Builder is made simple. In the mobile app’s checkout process, front-end users have the option to choose the shipping details, billing details, order numbers, order comments, and so forth.
Orders can be placed using just a few easy steps on the Android and iOS apps.
1. Customers can choose and add the desired item to their shopping carts. When the shopping bag is clicked, the user can also choose the desired product quantity. Users of the mobile front-end app can also view the total number of products and shipping costs.
At the bottom of the same page, the customer can also choose to use any coupon or coupon code.
2. The user can review the order and see several details after selecting the Continue to Checkout option. such as the cost of the product, the cost of shipping, the shipping address (which can be changed on the same page), the order summary (the number of products), the total cost, and so forth.
On the same page, the customer can also choose their preferred method of shipping. The order comment option that appears at the bottom of the screen allows the user to also include any special requests or requirements.
3. After selecting the option to “continue to checkout,” the user will be taken to the screen that asks for their payment method.
Users can choose from all of the website’s payment options on this screen. The shopping app includes a cash-on-delivery option as a standard form of payment.
The user will be taken to the order summary screen after completing the payment activity. where the customer can view the status, cost, and other information regarding their orders. Users of the front-end mobile apps will receive the order confirmation popup messages on their mobile phone screens as well.
6.9 My Account Screen
Users of the Android/iOS eCommerce app can view all account information, including a history of previous orders, on the My Account screen. The following options are available on the My Account screen:
Order History
The users learn all the details of the earlier-placed order. The date the order was submitted, the order number, the price, and the delivery status are all visible to the users screen.
2. Update Profile:
Users can also update their previously saved profile information, such as their first or last name, phone number, and password.
3. Delivery Address (s)
Users of the app have access to the full list of saved shipping addresses. From here, you can also add a new shipping address.
4. Order Details:
The complete list of previously placed app orders is available to app users.
5. Reorder function
By selecting the “Reorder” button, you can directly reorder a product. By pressing a single button, all previous orders will be added to the cart.
6.10 Order Detail Screen
The WooCommerce eCommerce App’s order details screen shows every aspect of the order, including the shipping address, a summary of the products, the shipping and payment options, and the total cost. From this screen, users can even follow the delivery of previously placed orders.
The mobile Commerce has come way ahead than online eCommerce in the past few years. It has proved its worth as the most effective way to drive your business conversions and sales. We can witness today that every individual has access to the smartphones and internet facility, new doors of business opportunities and growth have opened. So, if you are currently running an OpenCart store but have not yet geared up for mobile shopping apps as well, you need to consider KnowBand’s OpenCart Mobile App Builder.
How Mobile App Builder extension is the right solution for you?
The OpenCart Mobile App Builder is an innovative & automated framework through which you can easily create native Android & iOS shopping apps. This extension saves you from any sort of technicalities or coding involvement neither for developing or managing.
This native eCommerce Mobile App Maker keeps your website sync with apps in real-time. Thus, you need not manage the app inventory on a manual basis. All the website details & info will be automatically fetched on apps. Moreover, the friendly module backend allows you to control the designing & workflow of apps on your own. Let’s explore more about how this plugin works.
OpenCart Mobile App Builder: Free Vs Paid Versions
FREE Version – To Test Your Store on Demo Apps:
Want to check how your store will look on mobile apps? Use KnowBand’s OpenCart Mobile App Maker free version & get satisfied even before purchase. Follow these simple steps in order to test the same:
Step 1: Install module on your store
You just need to get a FREE module from here. You will receive a zipped file in your downloads section. Install the same on your store using FTP details. After successful installation, enable the module from backend.
Open the app & enter your website URL. That’s it, now your store will run on our apps.
PAID Version – To Build & Publish Your Own Apps:
Creating and getting Android & iOS App was never this easy as it is now with OpenCart Mobile App Builder. Its just a matter of 3 simple steps:
Step 1: Purchase our Module from here. Step 2: Fill our pre-requisites form. Step 3: Get final apps in 2-3 days.
Apart from this, the module provides a complete backend control along with 3 months of free support. We would even publish the apps free of cost for you.
Top Features with Mobile App Builder Extension:
1. Customize & Design App Home Screen:
The OpenCart store admin gets the option to customize & create multiple layouts in the module backend. With this functionality, you can design the home screen as per various occasions & festivals. You can even edit the pre-saved layouts whenever required. Here, is the list of available designing elements in the backend:
Top Categories (Square shaped category icons)
Square Banners (Square shaped banners)
Horizontal Sliders (Rectangular sliders)
Grid Banners (Multiple banners in Grid form)
Countdown Timer Banner (Timer-based flash sale banner)
Square Products (Square shaped product listings)
Horizontal Sliders (Rectangular shaped product sliders)
Grid Products (Multiple products in Grid form)
Recent Products (Products which user visited recently)
2. Real-time Synchronization:
Keeping everything synced is a tough yet necessary task for an eCommerce store admin. Our OpenCart Mobile App Builder establishes perfect sync between website & apps which brings the entire inventory on mobile apps.
3. Complete Backend Access:
The OpenCart Mobile App Builder gives you the complete backend control to make the changes in app & manage it on your own. You can easily customize the design of your mobile Apps and other functionalities over a few mouse clicks.
4. Simplified login Process:
The Mobile App Builder for OpenCart comes up with various login options like Google, Facebook, Phone number(OTP) and Fingerprint which makes it easier for the users to enter your app & browse products.
5. Provide Direct Zopim & WhatsApp Chat:
Solving your user queries promptly is much easier with inbuilt Zopim(formerly known as Zendesk) & WhatsApp chat in your mobile apps.
6. Multi-lingual & RTL Support:
It is difficult to develop different Apps in different languages. By developing the Android & iOS apps with OpenCart Mobile App Maker, you can easily expand your reach worldwide. The mobile apps support both multiple languages including RTL ones.
7. Personalized Push Notifications:
You can easily send unlimited manual and automatic push notifications to app users from the backend of OpenCart Mobile App Builder. This promotional tool helps in driving engagement, sales, and revenue on your store.
8. Shipping Methods Support:
The OpenCart Mobile App Builder supports all sorts of website shipping methods on mobile apps. You can offer the same shipping to app users as of website.
9. Complete White Label:
Your OpenCart Mobile Apps will be branded as per your website. You can use your own splash screen, icon etc. on app. The store logo can also be added on the header of mobile apps.
10. Easier Mobile Promotions:
The OpenCart Mobile App Builder module brings personalized push notification feature through which the store admin can send sale & promotional push notifications to the users & improve user retention & revenue.
11. Enhanced Layered Navigation:
The OpenCart Mobile Apps offers the easiest navigation with filter/sort, keyword/voice search. The smooth screen flow guides the users to the desired products in no time.
12. Include Multi-payments:
The OpenCart Mobile App Maker brings all your website payment methods on mobile apps along with Paypal & COD in addition. Furthermore, any other native payment can also be integrated into the app over a fair price. The apps even support multiple currencies as well.
13. Coupons & Vouchers Support:
Every discount/offer coupon or voucher code which is active on your website will also work on mobile apps as well.
14. Simplified Checkout for Easy Orders:
With a single screen checkout process, the OpenCart Android & iOS apps make the order submission seamless for mobile shoppers. This helps in improving the shopping experience of the users & ultimately sales.
15. Real-time Order Tracking:
The Mobile Apps with OpenCart Mobile App Builder have the functionality to view the previous app order delivery status. The order status gets updated on the app as of website automatically.
You can offer an e-mail subscription pop-up on your app having a gamified spin-win interface. This helps in capturing the user data which can be used for re-marketing purposes afterward. You need to just install OpenCart Spin & Win extension on your store. The same pop-up will also work on your website as well.
Our mobile apps are even compatible with OpenCart multi-vendor marketplace plugin. The entire marketplace can be brought on the same mobile apps without any effort. You can visit this combo module (Marketplace + Mobile App) for more details:
It’s time to catch up the speed & mobile apps could be the missing accelerator for your website. So, go ahead & launch a full-fledged pair of shopping apps today.
Holen Sie sich native Android- und iOS-Apps für Ihre PrestaShop-Website und starten Sie den Verkauf Ihrer Produkte über mobile Apps!
1.0 Einführung
Dies ist die Bedienungsanleitung der fortschrittlichen und vorgefertigten nativen mobilen App-Lösung PrestaShop Mobile App Builder. Hierbei handelt es sich um ein E-Commerce-Website-Plug-in, das entwickelt und hergestellt wurde, um perfekte und vorgestellte Android- und iOS-Shopping-Apps für Sie zu erstellen.
1.1 PrestaShop Mobile App Builder: Eine kurze Einführung
Der PrestaShop Mobile App Builder ist die fortschrittlichste und automatisierteste Lösung, um Ihr Online-Website-Geschäft auf die mobile Plattform zu bringen. Es verwandelt Ihre gesamte Website in eine vorgestellte mobile App und ermöglicht es Ihnen, Produkte auf Mobilgeräten zusammen mit der traditionellen Website zu verkaufen. Die Funktionen und Funktionen der App sind genau auf die Website abgestimmt und funktionieren sowohl auf Android- als auch auf iPhone-Geräten einwandfrei.
Unsere PrestaShop Mobile App Builder ist das vorkonfigurierte Framework, das von Experten und Fachleuten zum Erstellen von nativen eCommerce-Apps entwickelt wurde. Die Apps sind in der Lage, alle Ihre Geschäftsprodukte den Fingerspitzen des Benutzers zuzuführen und Umsatz und Ertrag zu steigern. Wenn Sie ein PrestaShop-Händler sind und nach einer vollwertigen mobilen App-Lösung suchen, ist dies Ihre beste Chance. Lesen Sie den vollständigen Artikel, um vollständige Informationen zur Entwicklung der PrestaShop Mobile App zu erhalten.
Außerdem ist unsere PrestaShop Mobile App Builder-Erweiterung voll kompatibel mit Marktplatz mit mehreren Anbietern Plugin. Sie können den gesamten Marktplatzeintrag auf denselben mobilen Apps bereitstellen. Wir bieten sogar ein Kombipaket an PrestaShop Mobile App BuildermitPrestaShop-Marktplatz für mehrere Anbieter in PrestaShop Advanced Marketplace mit mobiler App.
Außerdem,
A?no-code?Mobile?App?solution.
Freundlich
3-Monate
Völlig
100%
Höchst
Erhöht sich
Erhöht sich
Erstklassige 1.2-Funktionen von PrestaShop Mobile App Builder:
Nachfolgend finden Sie eine Liste der wichtigsten Funktionen, die Sie mit Prestashop Mobile App Builder in Ihren Apps erhalten:
Anpassbares Layout des Startbildschirms (vollständige Flexibilität)
Store Branding
Zopim- und WhatsApp-Chat-Unterstützung (24 * 7)
Google- und Facebook-Login
OTP & Fingerprint Login
Tablet- und Mobile-Support
Unterstützung für Android 4.2 bis Android 8.0 (Oreo)
Unterstützung für iOS 9 bis iOS 11
Automatische Bestandsaktualisierung
Mehrere Farben und Schriftarten
Unterstützung für mehrere Sprachen und RTL (von rechts nach links)
Unterstützung für mehrere Währungen
Unterstützung für alle Produkttypen
Website-Zahlungsmethode Wird von Apps unterstützt
Versandart der Website für Apps
Integration von benutzerdefinierten Zahlungsmethoden
Unbegrenzte Push-Benachrichtigungen
Social Sharing-Optionen für das Produkt
Mehrere Filter- und Sortieroptionen
Erweiterte Sprachsuche (nur Android)
Wishlist Funktionalität
Auf Apps unterstützte Website-Gutscheine.
Vereinfachter Checkout-Bildschirm
Echtzeit-Auftragsverfolgung
Nahtloses Akkordeon Menü
Übersichtlicher Bildschirm für Produkte und Kategorien
Die Liste der erstaunlich vielen Funktionen geht weiter und weiter. Lesen Sie weiter, neue Überraschungsvorteile dieses Plugins stehen noch aus.
Erfahren Sie mehr über die Funktionen im Detail von hier.?
2.0 PrestaShop Mobile App
KnowBand versteht Ihre Bedenken hinsichtlich der Ungewissheit, dass Sie sich für die Lösung entscheiden. Die Händler können unseren Demo-Store in der mobilen App und sogar ihren Store in unseren Demo-Apps anzeigen.
2.1 Sehen Sie sich unseren Demo-Shop an, der an Apps arbeitet
Möchten Sie die Funktionen der eCommerce-App sehen? Wir haben unseren Demo-Store in die App integriert, in der Sie die voll funktionsfähige App erkunden und alle ihre Funktionen sehen können. Befolgen Sie einfach die folgenden Anweisungen:
Schritt 1: Laden Sie die Nautica PrestaShop Mobile App aus einem der App Stores auf Ihr Mobilgerät herunter und installieren Sie sie. Hier finden Sie die Links zum Herunterladen von Demo-Apps:
Schritt 2: Öffnen Sie die App und tippen Sie im Begrüßungsbildschirm auf die Schaltfläche "Demo anzeigen". Geben Sie einige relevante Details wie Name, E-Mail & Store-URL ein. Das ist es! Sie werden sehen, dass unser Demo-Shop in der Demo-App ausgeführt wird. Sie können das gleiche durchsuchen, alle Funktionen überprüfen, eine Bestellung erstellen usw. Hinweis: Um auf das Admin-Panel von KnowBand Mobile App Builder in unserem Demo-Store zuzugreifen, besuchen Sie hier.
2.2 View Your Store arbeitet an Demo-Apps
Nicht zufrieden? Möchten Sie Ihren eigenen Shop mit den Demo-Apps testen? Nun, wir haben dich mit allem bedeckt. Auch das können Sie in unserer Demo-App kostenlos erleben. Sie müssen nur 3-Schritte ausführen:
Schritt 1: Laden Sie das KOSTENLOSE PrestaShop Mobile App Builder-Plugin herunter und installieren Sie es in Ihrem Geschäft.
Schritt 2: Installieren Sie die Demo-Apps (Links im vorherigen Abschnitt) auf Ihrem Mobilgerät. Öffnen Sie die App und geben Sie Ihre Store-URL ein.
Schritt 3: Tippen Sie auf "Shop anzeigen" und erleben Sie Ihren eigenen Shop mit Demo-Apps. Sie können das installierte PrestaShop Mobile App Creator-Modul im Backend Ihrer Website konfigurieren. Erfahren Sie mehr über das Testen von PrestaShop Mobile App Maker in hier.
3.0 Erstellen Sie Ihre PrestaShop Mobile App in 3 Simple Steps
Wir hoffen, dass Ihnen die Demo unserer PrestaShop Mobile Apps gefallen hat und Sie gefunden haben, wonach Sie gesucht haben. Nun ist es an der Zeit, ein natives Paar Apps für Ihren Shop zu erwerben. Der Prozess zum Erstellen einer mobilen eCommerce-App ist so einfach wie möglich. Befolgen Sie einfach die einfachen Schritte von 3 und Ihre App ist in 1-2 Werktagen fertig.
Schritt 1: Installieren Sie das Modul auf Ihrer Website
Herunterladen
Schritt 2: Teilen Sie Ihre App-Spezifikationen
Teilen Sie Ihre App-Details / Anforderungen in
Schritt 3: Holen Sie sich Ihre Apps in 1-2 Tagen
Unsere erfahrenen und professionellen Entwickler erstellen Ihre Apps so, dass sie genau den gemeinsam genutzten Details entsprechen. In 1-2-Tagen werden wir uns mit APK / IPA-Dateien bei Ihnen melden.
Hinweis: Sie können diese APK / IPA-Dateien in den jeweiligen App Stores veröffentlichen. Siehe auch folgende Links:
Immer noch ein Problem? Sagen Sie uns, wir würden die Apps für Sie veröffentlichen. Wenn Sie Fragen haben, wenden Sie sich bitte an support@knowband.com.
Sobald der PrestaShop Mobile App Maker erfolgreich auf Ihrer Website installiert wurde, ist es Zeit, das Admin-Panel von PrestaShop Mobile App Creator zu konfigurieren. Wenn Sie in KnowBand Mobile App Builder auf die Option "Konfigurieren" klicken, wird die folgende Registerkarte mit benutzerfreundlichen Oberflächen angezeigt. Lassen Sie uns sie eins nach dem anderen eingrenzen.
5.1 Allgemeine Einstellungen
Auf der Registerkarte Allgemeine Einstellungen werden die Einstellungen angezeigt, die zum Ausführen Ihrer mobilen App auf den Geräten des Benutzers erforderlich sind. Diese Registerkarte enthält alle erforderlichen allgemeinen Optionen, um die App mit Ihren make it-Funktionen auf Geräten zu synchronisieren.
a) Plugin aktivieren: Aktivieren Sie das PrestaShop Mobile App Creator-Plugin, damit Ihre mobile App auf den Geräten der Benutzer funktioniert.
b) Aktivieren Sie Spin und Win: Aktivieren Sie diese Option, um ein gamifiziertes Popup-Fenster auf dem Startbildschirm anzuzeigen, wenn ein Benutzer die App öffnet. Es kann verwendet werden, um Rabatte / Angebote anzubieten und deren E-Mails als Gegenleistung für Marketingzwecke zu erfassen. Damit diese Funktionalität funktioniert, müssen Sie das Spin and Win-Modul von Knowband auf Ihrer Website installieren.
c) Auf der Warenkorbseite umleiten, wenn in den Warenkorb: Mit dieser Funktion können Sie die Navigation der Schaltfläche "In den Warenkorb" steuern. Sie können Ihre Benutzer entweder in den Warenkorb umleiten oder sie auf der Produktseite belassen, wenn sie auf die Schaltfläche In den Warenkorb tippen. Dies erhöht die Chancen auf einen Zukauf.
d) Kurzbeschreibung anzeigen: Aktivieren Sie diese Option, um die Kurzbeschreibung des Produkts zusammen mit der vollständigen Beschreibung und anderen Details auf dem Produktbildschirm anzuzeigen.
e) Layout auswählen: Wählen Sie das gewünschte Startseitenlayout für Ihre PrestaShop-App. Sie können im Backend mehrere Startbildschirm-Layouts für verschiedene Festivals und Themen erstellen und diese gemäß Ihren Anforderungen im Geschäft verwenden.
f) Farbe der App-Schaltfläche: Wählen Sie die gewünschte Tastenfarbe für Ihre PrestaShop Mobile App.
g) Farbe des App-Themas: Wählen Sie die gewünschte Designfarbe für Ihre PrestaShop Mobile App.
h) Bild für Logo: Laden Sie Ihr Geschäftslogo hoch, damit es in der oberen Kopfzeile der App angezeigt wird. Dies förderte Ihre Marke unter den weltweiten mobilen Käufern.
i) Deaktivierte Versandmethoden: Wählen Sie die gewünschten Versandarten aus, die nicht in Ihrer PrestaShop Mobile App angezeigt werden sollen.
j) Aktivierte CMS-Seiten: Wählen Sie die gewünschten CMS-Seiten aus, die in den mobilen Apps angezeigt werden sollen.
k) Aktivieren Sie das Anforderungsprotokoll-Reporting: Aktivieren Sie die Anmeldung bei den mobilen Apps, um Details zu ungewöhnlichem Verhalten Ihrer App abzurufen.
l) Live-Chat-Unterstützung aktivieren: Aktivieren Sie die Chat-Option Zopim (Zendesk) in Ihren PrestaShop Mobile Apps. Damit die Chat-Funktionalität funktioniert, ist ein Chat-API-Schlüssel erforderlich, der Ihnen zusammen mit Ihrer App zur Verfügung gestellt wird.
m) WhatsApp Chat-Unterstützung aktivieren: Aktivieren Sie die WhatsApp-Chat-Option in Ihren PrestaShop Mobile Apps. Die Benutzer können Sie direkt über Ihre im Backend eingegebene WhatsApp-Nummer kontaktieren.
n) Aktivieren / Deaktivieren der Rufnummernregistrierung: Aktivieren Sie die Anmeldeoption für die Telefonnummer in Ihrer PrestaShop Mobile App und lassen Sie Ihre Benutzer mit der OTP-Überprüfung authentifizieren.
o) Aktivieren Sie die URL-Codierung von Bildlinks: Aktivieren Sie diese Funktion, um Nicht-ASCII-Zeichen in der App zu unterstützen.
5.2 Push-Benachrichtigungseinstellungen
Der PrestaShop Mobile App Creator für Android / iOS nutzt die Push-Benachrichtigungsfunktion mithilfe der Google Primary Services für die Push-Benachrichtigung für Mobilgeräte. Dieses praktische Marketing-Tool sorgt für sofortige Aufmerksamkeit und steigert den Umsatz. Mit Ihrer PrestaShop Mobile App ist es nur eine Nachricht entfernt, Ihre täglichen Angebote hervorzuheben. Mit PrestaShop Mobile App Maker sind sowohl automatische als auch benutzerdefinierte Benachrichtigungen verfügbar.
a) Firebase-Server-Schlüssel: Der Firebase-Serverschlüssel wird zum Konfigurieren der Push-Benachrichtigungen für die Anwendung verwendet. Dieser Schlüssel stellt sicher, dass die Benachrichtigungen von all Ihren App-Benutzern weltweit empfangen werden.
b) Benachrichtigung zur Auftragserstellung aktivieren / deaktivieren: Aktivieren / Deaktivieren Sie die automatische Push-Benachrichtigung, die an die App-Benutzer gesendet wird, um die Bestellung erfolgreich zu erstellen. -> Titel und Nachricht für Push-Benachrichtigung:?Enter title and message of push notification for successful order creation.
c) Benachrichtigung über Statusänderung der Bestellung aktivieren / deaktivieren:Aktivieren / Deaktivieren Sie die automatische Push-Benachrichtigung, die an die App-Benutzer gesendet wird, um Aktualisierungen ihres vorherigen Bestellzustands zu erhalten. -> Titel und Nachricht für Push-Benachrichtigung:?Enter title and message of push notification whenever there is an update in previous order delivery status.
d) Benachrichtigung über verlassenen Einkaufswagen aktivieren / deaktivieren: Aktivieren / Deaktivieren Sie die automatische Push-Benachrichtigung, die an Benutzer gesendet wird, die den Einkaufswagen ohne erfolgreichen Kauf verlassen haben. -> Titel und Nachricht für Push-Benachrichtigung:?Enter the title & message of push notification for abandoned cart app users.
e) Zeitintervall:?Interval (in hours) for sending Push Notification to app users who have abandoned their cart without successful purchase.
5.3 Push-Benachrichtigungsverlauf
Diese Registerkarte enthält den Verlauf aller Arten von Push-Benachrichtigungen, die an jeden Benutzer mit den entsprechenden Details gesendet wurden. Der Händler kann sich über jede früher gesendete Benachrichtigung informieren. Diese Registerkarte bietet auch die Möglichkeit, eine benutzerdefinierte Benachrichtigung an die vom Backend gestalteten Benutzer zu senden. Sie können sie durch manuell gesendete Benachrichtigungen einfach auf geschäftsbezogene Details oder Rabatte aufmerksam machen.
Benachrichtigung senden:
Mit dieser Option können Sie eine manuelle Benachrichtigung an die Benutzer der App senden. Sie können den Titel, die Nachricht, die Landing Page, das Bild usw. und die Benachrichtigung Ihrer Wahl wie im folgenden Schnappschuss gezeigt konfigurieren:
a) Titel der Push-Benachrichtigung: Der Titel Ihrer manuellen Push-Benachrichtigung, die an die App-Benutzer gesendet werden soll.
b) Nachricht der Push-Benachrichtigung: Die Nachricht Ihrer manuellen Benachrichtigung, die an die App-Benutzer gesendet werden soll.
c) Gerätetyp: Sie können die Benutzer auf Android / iOS oder auf beiden auswählen, an die Ihre manuelle Push-Benachrichtigung gesendet werden soll.
d) Bildtyp:?You can upload the desired image/banner justifying your notification. The banner image can be uploaded or used through an existing URL.
e) Benachrichtigungsbild: Der Store-Administrator kann eine Vorschau des Benachrichtigungsbilds anzeigen und analysieren, wie es auf den Apps der Benutzer angezeigt wird.
f) Bild-URL: Die tatsächliche URL des Benachrichtigungsbilds, das an die App-Benutzer gesendet werden soll.
g) Umleitungsaktivität:Sie können die Weiterleitung Ihrer Benachrichtigung wählen, indem Sie hier unter Startbildschirm / Beliebige Kategorie / Beliebiges Produkt auswählen. Unabhängig davon, was Sie einstellen, werden Ihre Benutzer beim Tippen auf die Push-Benachrichtigung an dieselbe Adresse umgeleitet.
h) Wählen Sie die Kategorie / das Produkt:?You can choose any relevant category/product screen for your notification.
i) Benachrichtigung senden: Sobald Sie Ihre Benachrichtigung erstellt und in der Vorschau angezeigt haben, ist es an der Zeit, diese auf Ihren Apps zu senden.
5.4-Zahlungsmethoden
Der PrestaShop Mobile App Creator für Android und iOS unterstützt alle Arten von Website-Zahlungsmethoden für Android- und iOS-Apps. Darüber hinaus bietet es PayPal- und Nachnahmezahlungsoptionen sowie die Flexibilität, auch andere native Zahlungsmethoden hinzuzufügen.
Sie können die folgenden Parameter in den Standardzahlungsmethoden (PayPal) bearbeiten:
a) Name der Zahlungsmethode: Bearbeiten Sie den Namen der Zahlungsmethode, die in der App angezeigt werden soll.
b) Modus auswählen: Wählen Sie die Zahlungsumgebung aus, z. B. Sandbox oder Live. Diese Einstellungen sind nur für den Fall verfügbar, dass der Store-Administrator die Zahlungsmethode testen möchte, bevor er fortfährt.
c) Kundennummer:?This is used in the case of PayPal Payment in order to identify the Merchant Account to which the Payment has to be made while placing the order.
5.5-Homepage-Layout
Dies ist eine der erstaunlichsten Funktionen des PrestaShop Mobile App Builder-Plugins zum Entwerfen und Erstellen mehrerer Startbildschirm-Layouts unter Verwendung verschiedener Designattribute / -elemente. Diese Registerkarte enthält die Liste aller zuvor konfigurierten Startbildschirm-Layouts basierend auf verschiedenen Themen und Schriftarten, wie im folgenden Schnappschuss gezeigt:
Um die Layouts der Startseite zu konfigurieren, stehen im Backend die folgenden Elemente zur Verfügung:
oben
Quadrat
Horizontal
Gitter
Countdown
Gitter
Horizontal
Vor kurzem
Der Händler kann eines dieser Attribute konfigurieren und verwenden, um mehrere Layouts zu erstellen und zu speichern. Diese Layouts können gemäß dem Thema und den Anforderungen verwendet werden. Auch die Positionierung verschiedener Elemente kann mit einer einfachen Drag & Drop-Funktion geändert werden.
oben
oben
Quadrat
Ein weiteres Attribut ist die quadratische Bannerliste, mit der ein quadratisches Banner auf dem Startbildschirm der App angezeigt wird. Sie können das Banner anpassen, indem Sie das richtige Bild und den richtigen Startbildschirm auswählen.
Horizontal
Dies sind die rechteckigen Elemente, die beim horizontalen Schieben verfügbar sind und die vom Backend aus vollständig angepasst werden können.
Gitter
Hierbei handelt es sich um quadratische Banner, die auf dem Startbildschirm in der Rasterform aufgelistet sind. Sie können auf dem Startbildschirm so viele Banner einstellen, wie Sie möchten, und das Bild und die Zielseite entsprechend anpassen.
Countdown
Das
Quadrat
Ab Banner bietet der PrestaShop Mobile App Creator Produkte zur Anzeige auf dem Startbildschirm in Form einer quadratischen Auflistung an.
Horizontale Gleitprodukte
Sie können die Produkte in Form von horizontalen Schiebereglern hinzufügen. Die ausgewählten Produkte können einer bestimmten Kategorie oder anderen Höhepunkten wie Bestsellern, Vorgestellten Produkten usw. angehören.
Rasterprodukte:
Die Produkte können auch in Form von Rasterauflistungen auf dem Startbildschirm hinzugefügt werden. Die Produkte können aus jeder Kategorie ausgewählt werden.
Kürzlich aufgerufene Produkte:
Der PrestaShop Mobile App Creator bietet das Element "Zuletzt verwendet", auf dem die zuletzt verwendeten Produkte angezeigt werden, die vom Benutzer angezeigt werden. Sie können das Element einfach in Ihr Layout einfügen, um es auf dem Startbildschirm anzuzeigen.
6.0 Mobile App Bildschirme
6.1-Startbildschirm
Der Startbildschirm Ihrer PrestaShop Mobile App ist genau so, wie Sie es möchten. Der PrestaShop Mobile App Maker bietet umfassende Flexibilität, um den Startbildschirm in Ihre Hände zu legen. Mit mehreren Bannern (Quadrat, Gitter, Schieben), Produkten (Quadrat, Gitter, Schieben), Countdown-Timer-Bannern und der Registerkarte "Neueste Produkte" im Backend können Sie intuitive Layouts für Ihren Startbildschirm erstellen. Auf dem Startbildschirm der App stehen folgende Optionen zur Verfügung:
Darüber hinaus kann die Positionierung verschiedener Gestaltungselemente je nach Anforderung geändert werden.
1. Dynamische Layouts:
Mit verschiedenen Elementen können Sie verschiedene Layouts im Backend erstellen, speichern und für verschiedene Events und Festivals wiederverwenden. Sie können Ihren App-Startbildschirm dynamisch entwerfen und gestalten.
2. Markenlogo:
Ihr Geschäftslogo wird im linken mittleren Bereich der oberen Kopfzeile Ihrer PrestaShop Mobile App angezeigt. Das Logo ist im Modul-Backend vollständig konfigurierbar und kann einschließlich Bildwechsel aktiviert / deaktiviert werden.
3. Suche:
Mit der Suchoption können die Käufer von mobilen Apps einfach und schnell das finden, was sie möchten. In Ihrer PrestaShop Mobile App gibt es zwei Möglichkeiten für die Produktsuche:
-> Mit Text: Ihre App-Benutzer können nach gewünschten Produkten suchen, indem Sie einige verwandte Stichwörter eingeben. Die PrestaShop Mobile App zeigt relevante Ergebnisse für dieses Keyword an.
-> Mit Stimme: Sie müssen nichts eingeben, Ihre PrestaShop Android App ist mit der erweiterten Sprachsuchfunktion ausgestattet. Die Benutzer können die Produkte nur nach relevanten Stichwörtern durchsuchen.
4. Wunschzettel Tasche:
Die Wunschliste wird in der Kopfzeile Ihrer PrestaShop Mobile App mit allen mit Lesezeichen versehenen Produkten angezeigt. Die App-Benutzer können ihre gewünschten Produkte für den zukünftigen Kauf in der Wunschliste speichern.
5. Einkaufswagen:
Der Warenkorb ist in der oberen rechten Ecke des Startbildschirms der App verfügbar. Dort können sich die Nutzer über die Produkte informieren, die sie in ihren Warenkorb gelegt haben.
6. WhatsApp / Zendesk-Chat:
Rechts unten auf dem Startbildschirm befindet sich eine Live-Chat-Option für Verkäufer und Käufer. Die Käufer mobiler Apps können Ihnen einfach und direkt eine Nachricht zu ihrer Anfrage senden und Sie können sie sofort lösen.
6.2-Akkordeonmenü (Navigationsleiste)
Die PrestaShop Mobile Apps für Android und iOS bieten eine ordnungsgemäße Kategorisierung der auf der Website verfügbaren Produkte. Mobile Käufer können problemlos Produkte aus mehreren Kategorien durchsuchen. Alle CMS-Seiten sind auch im Akkordeon-Menü verfügbar. Es bietet die folgenden Optionen:
1. Mein Konto
Der Bildschirm "Mein Konto" enthält alle Benutzerinformationen wie persönliche Daten, Lieferadresse (n) und Bestelldaten. Es gibt sogar eine Option für die Benutzer, um ihren Fingerabdruck zu registrieren. Die Käufer können alle mit ihnen verbundenen Informationen einsehen und ihre persönlichen Daten sowie das Anmeldekennwort aktualisieren.
2. Kategorien
Diese Kategorien entsprechen denen Ihrer Website. Sie können sie dementsprechend zuordnen und Ihren App-Benutzern eine Kategorisierung auf 3-Ebene zum problemlosen Browsen anbieten.
3. CMS-Seiten
Verschiedene CMS-Seiten wie Über uns, Kontakt, Allgemeine Geschäftsbedingungen usw., die auf Ihrer Website verfügbar sind, werden hier angezeigt. Sie können aus dem PrestaShop Mobile App Builder-Backend das gewünschte auswählen, das in der Mobile App angezeigt werden soll.
4. Sprachen)
Mit der Sprachoption können Ihre Benutzer die PrestaShop Mobile-App in ihrer Muttersprache anzeigen. Alle verfügbaren Sprachen werden nur unter dieser Option angezeigt.
5. Währung (en)
Alle auf Ihrer E-Commerce-Website verfügbaren Währungen werden auch in der PrestaShop Mobile App angezeigt. Die Käufer können den Produktpreis in ihrer gewünschten Währung anzeigen und kaufen.
6. Einloggen Ausloggen
Ihre Benutzer können sich mit dieser Option ganz einfach bei PrestaShop Mobile App an- und abmelden.
6.3-Kategoriebildschirm:
Alle Unterkategorien, übergeordneten Kategorien und anderen zugehörigen Kategorien sind in Ihrer PrestaShop Mobile App verfügbar. Der Kategoriebildschirm ist in zwei Richtungen übersichtlich gestaltet Grundansichten: Gitter & Liste. Das Produktbild, der Name, der Preis und der Rabatt werden in allen Auflistungen mit der Option angezeigt, sie auch in die Wunschliste aufzunehmen. Die mobilen Apps mit PrestaShop Mobile App Builder verfügen über eine mehrschichtige Navigation, die die Produktsuche vereinfacht. Folgende Optionen stehen auf den Kategoriebildschirmen zur Verfügung:
1. Sortieren:
Mit dieser Option können die Käufer die gewünschte Reihenfolge auswählen, in der die Preise für die Kategorieprodukte sortiert werden sollen. In Ihren Apps sind zwei Sortierreihenfolgen verfügbar: Preis: Niedrig zu Hoch und Preis: Hoch zu Niedrig.
2. Filter:
Die Option zum Filtern von Produkten vereinfacht die Produktsuche. Die App-Benutzer können die Produkte in Ihrer PrestaShop Mobile App anhand verschiedener Attribute wie Größe, Farbe, Zusammensetzung, Zustand, Hersteller, Preis usw. filtern. Mit diesen Filtern können die Benutzer innerhalb von Minuten ihr Lieblingsprodukt suchen.
6.4-Produktbildschirm:
Der Produktbildschirm Ihrer PrestaShop Mobile App ist einfach und faszinierend. Es werden mehrere Bilder desselben Produkts zusammen mit Name und Preis angezeigt. Die Produktverfügbarkeit wird je nach Lagerstatus auch als "Auf Lager" oder "Nicht auf Lager" angezeigt. Es enthält die folgenden anderen Optionen:
1. Produktoptionen:
Auf diesem Bildschirm werden alle produktbezogenen Optionen wie Größe, Farbe usw. angezeigt. Diese Produktoptionen entsprechen denen auf der Website.
2. kurze Beschreibung
Benutzer können die Kurzbeschreibung Ihres Produkts lesen, um sich schnell zu entscheiden.
3. Produktinfo & Pflege
Die vollständigen Produktinformationen, wie sie auf der Website aufgeführt sind, werden hier angezeigt. Die App-Benutzer können hier vollständige Produktdetails abrufen.
4. Zur Wunschliste hinzufügen:
Die Benutzer der mobilen App können das Produkt direkt mit einem Lesezeichen versehen, indem sie links unten auf dem Produktbildschirm auf "Zur Wunschliste hinzufügen" tippen.
5. In den Warenkorb legen:
Wie durch den Namen "In den Warenkorb" Button wird das Produkt direkt in den Warenkorb gelegt und der Benutzer kann mit dem Kauf fortfahren.
6. Produkt-Social-Sharing:
Auf diesem Bildschirm besteht die Möglichkeit, Ihr Produkt auf mehreren sozialen Plattformen, Bluetooth und E-Mail, freizugeben. Die App-Benutzer können die Produkte auf mehreren sozialen Plattformen für ihre Freunde / Verwandten freigeben und viele Benutzer zu Ihrer App locken.
6.5 Wishlist Screen:
Ihr PrestaShop Mobile App Creator verfügt über eine Wishlist-Tasche, mit der Benutzer Produkte für zukünftige Einkäufe als Lesezeichen speichern können. Die Benutzer können von hier aus die Liste aller mit Lesezeichen versehenen Produkte anzeigen. Es gibt zwei Möglichkeiten:
1. In den Warenkorb legen:
Die App-Benutzer können das mit einem Lesezeichen versehene Produkt direkt in den Warenkorb legen, indem sie die Option In den Warenkorb wählen.
2. Von Wunschliste entfernen:
Die Benutzer können sogar jedes Produkt aus der Wunschliste entfernen, wenn sie dies nicht kaufen möchten.
6.6-Anmeldebildschirm
Der PrestaShop Mobile App Creator bietet verschiedene Ein-Tipp-Anmeldemöglichkeiten und vereinfacht den Anmelde- / Registrierungsprozess:
1. Anmeldung
Die App-Benutzer können sich mit E-Mail-Anmeldeinformationen authentifizieren und auf Apps zugreifen.
2. Anmelden
Alle neuen App-Benutzer können sich über die mobile App anmelden und ihr Konto im Store erstellen. Im Anmeldeformular der PrestaShop Mobile App werden nur relevante Details abgefragt.
3. Einloggen mit Telefonnummer
Ihre mobile App bietet eine einfachere und zuverlässigere Anmeldeoption für Telefonnummern, mit der die Benutzer die OTP- und Anmelde-App leichter überprüfen können.
4. Loggen Sie sich mit Fingerabdruck ein
Ihre Benutzer haben auch die Möglichkeit, sich mit Fingerabdruck-Authentifizierung anzumelden. So können Benutzer in Sekundenschnelle auf Apps zugreifen.
5. Mit Facebook einloggen
Die Benutzer können sich mit ihren Facebook-Zugangsdaten bei der App anmelden.
6. Mit Google+ anmelden
Die Benutzer können sich mit ihren Google+ Konto-Anmeldeinformationen bei der App anmelden.
6.7-Warenkorb-Bildschirm:
Auf dem Warenkorb-Bildschirm Ihrer PrestaShop Mobile App werden alle Produkte angezeigt, die dem Warenkorb hinzugefügt wurden. Die App-Benutzer können den Produktnamen, die Menge, den Gesamtpreis und die Versandkosten anzeigen. Dieser Bildschirm bietet folgende Optionen:
1. Gutschein einlösen
Mit dieser Option können die Benutzer Rabatte und Angebote erhalten, indem sie einen gültigen Coupon und Gutschein eingeben, die auf Ihrer Website ausgeführt werden.
2. Gesamtproduktpreis
Die Benutzer können die vollständigen Kosten ihrer Einkaufstasche von hier aus einsehen. Es wird automatisch nach jeder Aktualisierung mit Produktmenge oder Ergänzung aktualisiert.
3. Produktmenge aktualisieren
Die App-Benutzer können sogar die Produktmenge mit der Option "Menge aktualisieren" aktualisieren.
4. Produkt entfernen
Die App-Benutzer können das Produkt einfach aus dem Warenkorb entfernen, indem sie einfach auf die Option "Entfernen" tippen.
5. Mit dem Einkaufen fortfahren
Die App-Benutzer können den Warenkorb verlassen, um weitere Produkte in Ihrer App zu durchsuchen. Die Käufer mobiler Apps werden beim Tippen auf die Option Einkauf fortsetzen zum Startbildschirm weitergeleitet.
6. Weiter zur Kasse
Die Benutzer der mobilen Front-End-App können mit der Option "Weiter zur Kasse" zu den Bildschirmen "Kasse & Zahlung" wechseln. Sie werden auf dem Checkout-Bildschirm umgeleitet.
6.8 Checkout-Bildschirm
Die mobilen Apps mit PrestaShop Mobile App Maker verfügen über einen vereinfachten Einzelbildschirm-Checkout mit nur relevanten Informationen. Die Benutzer können vollständige Checkout-Details wie Versanddetails, Rechnungsdetails, Bestellzusammenfassung, Bestellkommentar und Zahlung anzeigen Zusammenfassung.
1. Lieferanschrift
Dieser Bildschirm enthält Details zu den vom Benutzer gespeicherten Lieferadressen. Bei Bedarf kann der Benutzer auch die neue Lieferadresse bearbeiten / speichern. Die Gesamtkosten Ihres Produkts werden gemäß der ausgewählten Versandmethode aktualisiert.
2. Rechnungsdetails
Mit dieser Option können die Benutzer Rechnungsdetails für ihren Einkauf eingeben. Sie können auch die Lieferadresse so wählen, dass sie mit der Rechnungsadresse übereinstimmt. Die gespeicherte Rechnungsadresse kann ebenfalls bearbeitet werden.
3. Bestellübersicht
Die App-Benutzer können die in diesem Abschnitt gekauften Produktdetails anzeigen, bevor sie den endgültigen Kauf tätigen.
4. Versandarten
Alle verfügbaren Versandmethoden werden in diesem Abschnitt des Checkout-Bildschirms angezeigt. Die Benutzer können hier den gewünschten auswählen.
5. Kommentar bestellen
Die App-Benutzer können auch Kommentare zu ihrer Bestellung hinzufügen, die auf der Bestellwebseite im Backend angezeigt werden.
6. Zahlungsübersicht
In diesem Abschnitt wird die vollständige Aufschlüsselung der gesamten Zahlungsdetails angezeigt.
7. Weiter zur Zahlung
Die App-Benutzer werden nach dem Tippen auf die Schaltfläche "Weiter zur Zahlung" zum Zahlungsbildschirm weitergeleitet.
6.9-Zahlungsbildschirm:
Der Zahlungsbildschirm in Ihrem PrestaShop Mobile App zeigt sowohl native Web-View- als auch App-Zahlungsmethoden an. Der PrestaShop Mobile App Maker unterstützt alle Arten von Website-Zahlungsoptionen in der App. PayPal- und Nachnahmezahlungsmethoden sind in den Android- und iOS-Apps verfügbar. Darüber hinaus können verschiedene andere native Zahlungsoptionen wie PayU, Apple Pay, Amazon Pay, Braintree, Stripe usw. auf Anfrage auch in die App integriert werden.
6.10 Mein Konto-Bildschirm
Auf dem Bildschirm Mein Konto der Android / iOS-E-Commerce-App können Benutzer die vollständigen Kontodetails einschließlich einer Liste früherer Bestellungen anzeigen. Mein Konto
1. Bestellverlauf
Die Benutzer erfahren, dass die vollständigen Bestelldaten früher eingegeben wurden. Das Datum der Bestellung, die Bestellnummer, der Preis und der Lieferstatus werden angezeigt.
2. Profil aktualisieren
Benutzer können auch ihre vorab gespeicherten Profildetails wie Vor- oder Nachname, Telefonnummer und Passwort aktualisieren.
3. Lieferadresse (n)
Die App-Benutzer können die vollständige Liste der gespeicherten Lieferadressen anzeigen. Hier kann auch eine neue Lieferadresse hinzugefügt werden.
4. Bestelldetails
Die App-Benutzer können die vollständige Liste der zuvor aufgegebenen App-Bestellungen anzeigen.
5. Nachbestellungsfunktion
Sie können ein Produkt direkt nachbestellen, indem Sie auf die Schaltfläche "Nachbestellen" klicken. Die gesamte vorherige Bestellung wird mit nur einem Knopfdruck in den Warenkorb gelegt.
6.11-Auftragsdetailbildschirm
Der Bestelldetails-Bildschirm der PrestaShop eCommerce App bietet vollständige Bestelldetails wie Versandadresse, Produktübersicht, Versand- und Zahlungsmethode sowie Gesamtkostenübersicht. Die Benutzer können sogar die Zustellung zuvor aufgegebener Bestellungen direkt von diesem Bildschirm aus verfolgen.
