Ionic 5 Angular Android iOS Apps For WooCommerce Using InAppBrowser Web Checkout

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser
  • Description
  • FAQ
  • Screenshots
  • DEMO
  • Updates & Support

You might know that, at the moment, WooCommerce doesn’t have local API beef up to procedure fee immediately from the app. That implies, it’s important to reprogram your fee gateway with customized REST API endpoints primarily based WordPress REST API requirements to be able to keep up a correspondence your fee gateway the use of API.

You’re in the correct position, this is the answer for all your issues. Give the most efficient enjoy for your distributors to control their store, draw in extra distributors to generate extra income through promoting extra merchandise.

Beside those, there are lots of WooCommerce web pages that use masses of addon plugins to strengthen it purposes, to satisfy consumers and distributors necessities. Some of these plugins are advanced through 3rd celebration builders and don’t have REST API beef up in any respect. So the entire product knowledge you’ll be able to see at the product main points web page, the entire to be had choices and so forth, the ones knowledge aren’t available the use of WooCommerce local REST API. As the ones knowledge aren’t available the use of WooCommerce local REST API, you’ll be able to no longer procedure the ones knowledge and upload it to reserve whilst you position an order from Android and iOS apps the use of API.

There are two answers for this issues:
The number 1 is, it’s important to create essential leisure api endpoints to make the product knowledge to be had at the product main points web page after which procedure the ones knowledge whilst striking an order.
The issue with this method is, it’s important to create too many customized leisure api endpoints to make all knowledge available the use of api that calls for a devoted crew on your on-line retailer and each time the 3rd celebration plugins carry exchange in database fields, it is very important modify your api endpoints accordingly.

So what’s one of the best ways to determine this out?
Adequate, you’ll be able to do it. It’s an InAppBrowser.

I applied InAppBrowser WebCheckout on this app in the sort of approach in order that when a person is on the main points web page of the product, the person can click on at the purchase now button and immediately, the person will probably be landed to the product main points web page of the present product. There, customers could make essential choices and in spite of everything position orders similar to a typical web page however within the app. No product knowledge, order knowledge or fee gateway had to be treated the use of API. You’re out of headache now.

Maximum curiously, For a logged in person in app, person does no longer want to login in web page the use of InAppBrowser. When the person lands at the product main points web page, it is going to routinely make the person login to the web page. But even so those, when the person clicks at the purchase now button from the app, it is going to test if the person is logged in or no longer. If the person isn’t logged in, then it is going to redirect the person to the login web page.

Once order is positioned effectively, InAppBrowser will probably be closed routinely and redirect the person to a thanks web page. Now the person is again to the naive app once more. Right here customers can browse extra merchandise to put some other order or test his orders, view order main points in addition to there’s a my account web page the place customers can see his non-public, billing and delivery data.

So this app is gonna take away all your headache about striking orders immediately from the app nevertheless of what number of customized plugins are used on your WooCommerce Retailer or No matter fee gateway you’re the use of to procedure fee.

App Demo: A PWA Model of Demo can also be discovered right here
Use Google Chrome or Firefox browser’s responsive design mode to get an enjoy about how does it seem like.
If you wish to have an installable APK for android to check in actual tool, please use my person web page touch shape right here and depart a message together with your electronic mail ID, I will be able to ship you an APK bundle once conceivable.

The entire supply code will probably be supplied with a whole developer documentation in order that the app can also be simply rebranded for your selection. Additionally you’re open to provide me to personalize the app for you with new purposes, improvements, theming or anything else that should meet your corporation requirements. Please use my person web page touch shape right here and depart a message together with your electronic mail ID, I will be able to get again to you once conceivable.

Key Options:

  1. Suitable to WordPress REST API V2
  2. Suitable to WooCommerce REST API V3
  3. Merchandise show, merchandise through class, merchandise through tags are applied the use of WooCommerce API for quick loading enjoy
  4. Endless Scroll applied for house web page and order web page to cut back loading time
  5. Pull to refresh applied on virtually each pages
  6. New person can sign up via app as a buyer person position the use of WooCommerce API
  7. Provide buyer can reset password from app
  8. Person login applied the use of JWT auth plugin
  9. Purchase now button is secure the use of auth guard, person want to login to shop for a product
  10. Purchase now button lands the person immediately on product main points web page of related product the use of InAppBrowser
  11. Person can essential buying groceries and position order the use of InAppBrowser similar to an app
  12. No headache to procedure any product knowledge, order knowledge or fee API for the reason that person is the use of a typical web page in Background. All knowledge correctly stored within the admin phase
  13. As quickly because the order is a hit, InAppBrowser will probably be closed routinely, and the person will probably be redirected to the app thanks web page
  14. Person can see his profile data like non-public main points, billing data, delivery data immediately from app
  15. After all in a position to combine with any WooCommerce Web pages with V3 API

House:

Default touchdown web page
View Main points Checklist Button: Takes you to product main points web page

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 1

Classes:

It presentations all classes from store, presentations selection of merchandise belong to the class as a badge beside identify.

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 2

Tags:

It pulls all the tags of your store, presentations selection of merchandise belong to the tag as a badge

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 3

My Orders:

It pulls all the rrders positioned through you.

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 4

In Main points View of an Order:

It presentations order ID, order data consistent with merchandise, order overall, order standing, billing main points and delivery main points.

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 5

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 6

My Account:

It presentations your own, billing and delivery data.

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 7

App Tabs

Ionic 5 Angular Android Ios Apps For Woocommerce Using Inappbrowser Web Checkout - 8

All Merchandise: This tab is in reality the House menu’s alias. Each are the similar, added for ease of use.

My Order: This tab is in reality the My Order menu’s alias. Each are the similar, added for ease of use.

My Account: This tab is in reality the My Account menu’s alias. Each are the similar, added for
ease of use.

or
Shopping Cart
  • Your cart is empty.
Scroll to Top