Ionic 5 Angular Android iOS Apps For WooCommerce Using InAppBrowser Web Checkout
You could know that, proper now, WooCommerce doesn’t have native API help to course of cost straight from the app. That means, it’s important to reprogram your cost gateway with customized REST API endpoints primarily based WordPress REST API requirements so as to talk your cost gateway utilizing API.
You are in the proper place, right here is the answer for your whole issues. Give the very best expertise to your distributors to handle their store, entice extra distributors to generate extra income by promoting extra merchandise.
Beside these, there are lots of WooCommerce web sites that use tons of of addon plugins to boost it features, to meet clients and distributors necessities. Most of those plugins are developed by third social gathering builders and shouldn’t have REST API help in any respect. So all of the product knowledge you’ll be able to see on the product particulars web page, all of the accessible choices and so forth, these knowledge aren’t accessible utilizing WooCommerce native REST API. As these knowledge aren’t accessible utilizing WooCommerce native REST API, you can’t course of these knowledge and add it to order if you place an order from Android and iOS apps utilizing API.
There are two options for this issues:
The primary is, it’s important to create needed relaxation api endpoints to make the product knowledge accessible on the product particulars web page after which course of these knowledge whereas inserting an order.
The downside with this strategy is, it’s important to create too many customized relaxation api endpoints to make all knowledge accessible utilizing api that requires a devoted workforce to your on-line retailer and each time the third social gathering plugins deliver change in database fields, you will want to regulate your api endpoints accordingly.
So what’s the best solution to determine this out?
Ok, you are able to do it. It’s an InAppBrowser.
I carried out InAppBrowser WebCheckout on this app in such a method in order that when a consumer is on the main points web page of the product, the consumer can click on on the purchase now button and immediately, the consumer shall be landed to the product particulars web page of the present product. There, customers could make needed choices and at last place orders similar to a daily web site however contained in the app. No product knowledge, order knowledge or cost gateway wanted to be dealt with utilizing API. You are out of headache now.
Most apparently, For a logged in consumer in app, consumer doesn’t must login in web site utilizing InAppBrowser. When the consumer lands on the product particulars web page, it can routinely make the consumer login to the web site. Besides these, when the consumer clicks on the purchase now button from the app, it can verify if the consumer is logged in or not. If the consumer is just not logged in, then it can redirect the consumer to the login web page.
As quickly as order is positioned efficiently, InAppBrowser shall be closed routinely and redirect the consumer to a thanks web page. Now the consumer is again to the naive app once more. Here customers can browse extra merchandise to position one other order or verify his orders, view order particulars in addition to there’s a my account web page the place customers can see his private, billing and transport data.
So this app is gonna take away your whole headache about inserting orders straight from the app nonetheless of what number of customized plugins are utilized in your WooCommerce Store or Whatever cost gateway you might be utilizing to course of cost.
App Demo: A PWA Version of Demo might be discovered here
Use Google Chrome or Firefox browser’s responsive design mode to get an expertise about how does it seem like.
If you need an installable APK for android to check in actual machine, please use my consumer web page contact type here and depart a message together with your electronic mail ID, I’ll ship you an APK package deal as quickly as potential.
The full supply code shall be supplied with a whole developer documentation in order that the app might be simply rebranded to your alternative. Also you might be open to supply me to personalize the app for you with new features, enhancements, theming or something that should meet your corporation requirements. Please use my consumer web page contact type here and depart a message together with your electronic mail ID, I’ll get again to you as quickly as potential.
Key Features:
- Compatible to WordPress REST API V2
- Compatible to WooCommerce REST API V3
- Products show, merchandise by class, merchandise by tags are carried out utilizing WooCommerce API for quick loading expertise
- Infinite Scroll carried out for house web page and order web page to cut back loading time
- Pull to refresh carried out on nearly each pages
- New consumer can register via app as a buyer consumer position utilizing WooCommerce API
- Present buyer can reset password from app
- User login carried out utilizing JWT auth plugin
- Buy now button is protected utilizing auth guard, consumer must login to purchase a product
- Buy now button lands the consumer straight on product particulars web page of related product utilizing InAppBrowser
- User can needed buying and place order utilizing InAppBrowser similar to an app
- No headache to course of any product knowledge, order knowledge or cost API as a result of the consumer is utilizing a daily web site in Background. All knowledge correctly saved within the admin part
- As quickly because the order is profitable, InAppBrowser shall be closed routinely, and the consumer shall be redirected to the app thanks web page
- User can see his profile data like private particulars, billing data, transport data straight from app
- Finally able to combine with any WooCommerce Websites with V3 API
Home:
Default touchdown web page
View Details List Button: Takes you to product particulars web page
Categories:
It reveals all classes from store, reveals variety of merchandise belong to the class as a badge beside title.
Tags:
It pulls the entire tags of your store, reveals variety of merchandise belong to the tag as a badge
My Orders:
It pulls the entire rrders positioned by you.
In Details View of an Order:
It reveals order ID, order data per merchandise, order complete, order standing, billing particulars and transport particulars.
My Account:
It reveals your private, billing and transport data.
App Tabs
All Products: This tab is definitely the Home menu’s alias. Both are the identical, added for ease of use.
My Order: This tab is definitely the My Order menu’s alias. Both are the identical, added for ease of use.
My Account: This tab is definitely the My Account menu’s alias. Both are the identical, added for
ease of use.
LIVE PREVIEW(*5*)
