Android

How to convert woocommerce website into App

With over 85 % market share worldwide, the Android OS dominates the thriving cell platform. As Google comes with newer variations containing enterprise-friendly options and enhanced safety, entrepreneurs appear able to have a bit of pie with the assistance of a custom-made Android app. Right now, Google Play has over 3.3 million apps, and the quantity is steadily rising.

In different phrases, Android app growth companies are thriving at an amazing tempo. Right here we’ll undergo the highest ten enterprise advantages that compel the businesspersons to go for feature-rich and future-ready Android apps:

Today a business, organization or organization that does not have a space on the network is not conceived.

How to convert woocommerce website into App

As an open-source platform, Android’s Software Development Kit (SDK) is readily available to developers. Further, Android app development is cost-effective. We can broadly classify the development cycle into three phases

Android is a versatile platform with a high flexibility and easy customization options

The entire development cycle is not much pricey. What’s more, Android app developers can readily implement the material design, and you can get an engaging and interactive Android app at a lower cost for addressing a huge audience globally. In brief, a customized Android app offers a higher RoI as compared to its Apple counterpart.

BYOD and mobility concepts are mainstreamed across various business sectors. Both these approaches have enhanced the communication and collaboration in the workplace irrespective of distance and time. The largest market share of Android helps you implement the BYOD approach with ease. Android-based enterprise app can get a higher penetration among your employees. Android is installed on various devices, and many such devices are affordable for different economic groups.

Android is a versatile platform with a high flexibility and easy customization options. All you get is an innovative and interesting enterprise app with diverse functionalities. Android is a robust OS that can integrate all types of modifications ranging from simple to complex. Your business requirements can be addressed effectively with this platform. Android also enables you to integrate and update various tools and data management functions to meet the changing requirements. All you need to hire Android app developers to leverage the benefits.

How to convert woocommerce website into App

Not so easily convinced? Then here are 4 ways (and then some) that your business will reap the benefits of creating a mobile app for your customers.

1. Provide More Value to Your Customers

Business is all about reciprocation. You offer a product, the market opens their wallets with their demand, right?

Maybe you’ve sat down with your employees and tried to nail down the best way to encourage more of this wallet-opening engagement from your customers. You want to increase their interaction with your business to promote sales, of course, but you also want to provide a level of value for your customers that they can’t get anywhere else.

One way to do this is create a loyalty program within your app. It would work like this:

The more customers interact with your business and product, the more points they collect, which can in turn be used for great deals on the products they already know they want.

Zomato uses their mobile app to their advantage by offering rewards exclusively to app subscribers, which then motivates customers to buy coffee (And other delicious snacks) from them. They’re even more ahead of the curve by allowing their users to pay directly from the app, speeding up the whole transaction process.

Other Benefits of a Mobile App

If these points haven’t solidified in your brain the necessity of a mobile app, there are still more reasons to consider adopting a mobile app strategy to encourage more customer engagement and satisfaction.

  • Inform users of new products and offers
  • Stand out from the competition
  • Reach out to younger demographics
  • Sync users’ email and social media accounts

And if you structure it correctly, you can receive a ton of analytics on exactly how people interact with your app. These range from the average time a user spends looking at your app, to the amount of money you make from every purchase.

In this Post we are creating a normal woocommerce website into android app.This App is completely built in android studio and it is totally compatible with woocommerce only you have to get a source code and make some basic changes and upload a plugin in wordpress website.Then you can Upload it into your Playstore Account.and Your Customers can Download Your App From Playstore.Watch the Video till the end.By the end of this video you can also create a beautiful app without any programming or technical knowledge.This app also support push notification,Account Creation and Multiple Payment Options Download
Basic Installation

To develop app you need to set up an Android studio.

Android Studio Setup Process

Pre-Setup Account

To start your android project, you have required below account for your android app.

  • google-services.json File. For more information Click here
  • Razorpay Key – Click here to Obtaining your Razorpay API keys
  • Stripe Payment Key – Click here to Obtaining your stripe API keys
  • Worpress setup – Click here to see worpress setup steps

Wordpress setup

Follow this documentation for setup wordpress on your system

Android App Configuration

Open project in Android studio

Step 1:- Select ‘Import Project’ option and find your “proshop_droid” Project

HTML Structure

Step 2:- Select your current project then click ok button and wait few minute

 

HTML Structure

Change ApplicationID

– Find build.gradle file inside app folder and click to open and change your applicationId

howtochangeappid

Change Application menu icon, background and app icon

– Open res folder inside open all drawable folder and all mipmap folder and replace your background images and icons here.

 

HTML Structure

Change Application name

– Open app gradle file and change your ‘app_name’ here

HTML Structure

Change app Font

– Click and open font folder and change ttf file

HTML Structure– Open String.xml file and change font string value

HTML Structure

Manually Change App Colors

– Go to the assets folder and open builder.json file and change color code.

HTML Structure

Manually Change Server URL

– Go to the assets folder and open the builder.json file and change your Base URL

HTML Structure

Manually Change App Key

– Go to the assets folder and open the builder.json file and change your consumerKey & consumerSecret.

HTML Structure

How to generate json file from builder

https://yourdomain/wp-json/

 

How to import JSON file to app?

In the main directory go to the assets folder and change the builder.json file

The file name must be builder.json.

HTML Structure

Create a Firebase Project

The first step is to create a project in the Google environment.

Note: You need to have been logged in with a Google account which can use the Firebase console in order to walk through this tutorial.

You create a project with the Firebase console.

Follow the steps below to create new project.

    • Open the Firebase console.
    • Click “Add Project” and follow the steps upto creation of project. How to convert woocommerce website into AppHow to convert woocommerce website into App
    • After creation of project your screen looks like below. How to convert woocommerce website into App
  • Add Firebase to your Android app. Also download json file for future refrences. How to convert woocommerce website into AppHow to convert woocommerce website into AppHow to convert woocommerce website into AppHow to convert woocommerce website into App

Configure Firebase on App

We have already added code for sdk and other configuration for firebase.

You just enable some codes if you are want firebase support on your app

How to convert woocommerce website into App

How to convert woocommerce website into App

How to convert woocommerce website into App

Update your google-services.json file

How to convert woocommerce website into App

Change App Language

To change app degault language then login with your wp-admin panel and follow below steps

    • Goto App option
    • Select Globle option
    • Select your App Language and Click on “Save Changes” option

 

How to convert woocommerce website into App

Note: Once you update your language your have to restart your app.

Remove coupon code functionality

If you dont want coupon code functionality at time of checkout process then just disable it from wp admin panel.

    • Goto -> WooCommerce
    • Select setting option
    • Un-check “Enable coupons” option if it is checked
    • Click on save changes

 

How to convert woocommerce website into App

Note: Once you update your “Enable coupons” your have to restart your app.

Change Payment method(Native/Webview)

Webview Payment: Support All payment gateway which is setup on wp-admin site

Native Payment: Support native payment gateway which is setup on mobile app

If you want change payment method like Native or webview. Follow below steps

    • Goto -> App Option
    • Select Global option
    • Change “Payment Method”
    • Click on save changes

 

How to convert woocommerce website into App

Payment Option

Razorpay Payment gateway

Razorpay is the only payments solution in India which allows businesses to accept, process and disburse payments with its product suite. It gives you access to all payment modes including credit card, debit card, netbanking, UPI and popular wallets including JioMoney, Mobikwik, Airtel Money, FreeCharge, Ola Money and PayZapp.

Manage your marketplace, automate NEFT/RTGS/IMPS bank transfers, collect recurring payments, share invoices with customers – all from a single platform. Fast forward your business with Razorpay.

Click here For more details about Razorpay payment gateway

Generate API Key for payment key

Click here generate API Key for payment

Note: You have to generate separate API Keys for the test and live modes. No real money is used in test mode.

Change Razorpay Key

– Open secrets.xml file and replace your Razorpay key(Key Id) with “razor_key”

HTML Structure

Remove Razorpay payment

We are recommended you to follow only second step if you don’t know about dependency and code

If you want to remove Razorpay payment gateway option then follow below steps:

Step 1: Goto App level build.gradle file, find and remove below dependency line:

implementation ‘com.razorpay:checkout:1.5.16’

HTML StructureNote: If you have remove dependency from build.gradle then also remove classes dependencies from related files

Step 2: Goto File -> App -> res -> layout -> activity_order_summary.xml file

Find “rbRazorpay” Radio Button and just set visibility as gone

For Ex: android:visibility=”gone”

HTML Structure

Stripe Payment gateway

The new standard in online payments

Stripe is the best software platform for running an internet business. We handle billions of dollars every year for forward-thinking businesses around the world.

Generate API Key for Stripe payment

Click here generate API Key for payment

Note: You have to generate separate API Keys for the test and live modes. No real money is used in test mode.

Change Stripe Payment Key

– Open secrets.xml file and replace your Stripe Payment key with “stripe_publisher_key” and “stripe_secret_key”

HTML Structure

Remove Stripe payment

We are recommended you to follow only second step if you don’t know about dependency and code

If you want to remove Stripe payment gateway option then follow below steps:

Step 1: Goto App level build.gradle file, find and remove below dependency line:

implementation ‘com.stripe:stripe-android:14.5.0

HTML StructureNote: If you have remove dependency from build.gradle then also remove classes dependencies from related files

Step 2: Goto File -> App -> res -> layout -> activity_order_summary.xml file

Find “rbCard” Radio Button and just set visibility as gone

For Ex: android:visibility=”gone”

HTML Structure

Remove Cash on delivery option

If you want to remove Stripe payment gateway option then follow below:

Goto File -> App -> res -> layout -> activity_order_summary.xml file

Find “rbCOD” Radio Button and just set visibility as gone

For Ex: android:visibility=”gone”

HTML Structure

New Payment gateway

If you want to add your new payment gateway then buy our paid support for the same.

Testing Credentials

Here we have provided some of testing credentials for app

Use Only in Test Mode: You can use these test cards to make payments in test mode only. Using these for live mode payments will throw card issuer is invalid or invalid card input error.

Test Cards Details for stripe payment

There are several test cards you can use in test mode to make sure this integration is ready. Use them with any CVC, postal code, and future expiration date.

Number Description
4242 4242 4242 4242 Succeeds and immediately processes the payment.
4000 0025 0000 3155 Requires authentication. Stripe will trigger a modal asking for the customer to authenticate.
4000 0000 0000 9995 Always fails with a decline code of insufficient_funds.

Click Here For more details about test Cards Details for stripe payment

 

Test Cards Details for razorpay payment

There are several test cards you can use in test mode to make sure this integration is ready. Use them with any CVC, postal code, and future expiration date.

Number Description
5104 0155 5555 5558 Mastercard: Test Card for Domestic Payments
4111 1111 1111 1111 Visa: Test Card for Domestic Payments
5555 5555 5555 4444 Mastercard: Test Card for International Payments
4012 8888 8888 1881 Visa: Test Card for International Payments

Click Here For more details about test Cards Details for razorpay payment

Common ErrorHandling

Error: Authorization header not found

Code: jwt_auth_no_auth_headern

Message: Authorization header not found

If you faced this error during development then this error due to header not set on your admin panel

Solution: Just check Enable JWT Authentication section wordpress document to resolve this issue

Error: Expired token

Code: jwt_auth_invalid_token

Message: Expired token

This error occure due to Expired user token.

Solution: Logout and re-login to your android app

Previous page 1 2

Related Articles

Back to top button
Enable Notifications OK No thanks