Hi guys,
Today we’re going to see how you can add the UPI payment gateway
to your ecommerce website.
Let’s say you have an ecommerce website and
on the checkout page, you want to give your customers a way to
make payments using UPI apps...
like google pay.
You can do that easily by watching this video.
So after watching this video
You’ll be able to add a UPI payment option to your checkout page like this,
And if a customer wants to purchase a product,
they can scan this code on their UPI app, to make the payment.
And once they make the payment, you will receive that payment on your bank
account, linked to your UPI app.
Okay!
Now all you need to have, to follow this tutorial is an e-commerce website.
You can learn to make an ecommerce website easily, by watching this video.
So let’s get started,
I’m Bryan from website learners,
And let’s add the UPI payment option on our website.
So first let’s look at our website,
where we want to add the UPI payment option. Here it is,
so this is the site which I built using Wordpress. So lets go to our store page.
Now if we select this product,
And add it to cart,
and then click proceed to CHECKOUT
You can see we don’t have a UPI payment option here.
So to add UPI option to this site, We’re going to do 2 steps.
The first step is to Install the UPI plugin in WordPress.
So to install the plugin, Let’s go to our WordPress dashboard.
Now go to plugins,
And click add new,
Now search for a plugin called UPI
And you’ll get this plugin,
This is the plugin, which is going to help us add the UPI payment option on our site.
So to install the plugin,
Just click install
and then click activate
So now we’ve successfully installed the plugin,
Once you’ve installed the plugin,
We can now go to the final step,
Which is to set up this plugin.
Once you set up the plugin, the UPI payment option will
be added to your website.
So to set up the plugin,
Just click settings here.
And then scroll down.
Now here you need to enter the UPI Id where you want to receive your payments.
So to get your UPI Id,
Let’s go to our UPI app.
Now let’s say your UPI app is google pay,
So let’s open it,
Now to get your Id,
Just click here,
And As you can see, we’ have got our UPI Id
Once you get this Id
Just type it in this field.
So now When a customer makes a payment, you’ll receive that payment to your bank
account, which is linked to this UPI Id.
Okay, now here you need to choose whether you want to collect the
upi address of your customer or not.
So to make it easier for customers to make the payment,
Just click here
And then select ‘hide’.
Once you’ve done that,
Just scroll down,
And then click save changes.
So now we have we’ve successfully completed setting up our plugin,
Once you’ve set up the plugin,
The UPI payment option will be added to your website,
So To check that,
Let’s go to our checkout page,
Here you can see that before we did not have the UPI payment option.
Now if we click refresh,
You can see that we have we’ve now got the UPI payment here.
So Now to complete the purchase of this product,
Let’s fill up these details,
And to make the payment using UPI,
Just select UPI,
And then click proceed to payment,
And it’ll take you to this page.
Now to complete the payment,
Your customer needs to scan this code on their UPI app,
So just like a customer would do
Let’s open our UPI app,
And then scan this code,
And as you can see, we have got the product amount here, along with the order id
Now if we click pay,
You can see that the payment has been made,
Now if you take your mobile,
You can see that we’ve got the message saying,
The money has been credited to our bank account.
So this means we’ve successfully received the payment from the customer.
Okay
So now if a customer goes to our site,
And clicks proceed,
And then clicks confirm,
You can see that the order has been placed successfully.
So this is how your customers can order your products,
using the UPI payment option.
Now if you go to your Inbox,
You can see that we’ve got an email about the new order.
And also your customer will get an email
So now if we go to our customer’s inbox
You can see that, we have got an email
Now if you open this mail
And here as you can see, they have a message saying the order is still on hold
And your customer will now have a doubt whether their payment has been sent or not
So in order to notify your customer that you have received the payment
You need to change the order status on your website
Before we change it,
Let’s check whether we have received the payment from our customer
Okay, so once the customer has made the payment
If you open your UPI app,
Here you can see, a new name has appeared,
Now if you click it,
You can see that we have we’ve received the payment
and you can see the order number here.
Okay, Once you have received the payment
You can now change the order status
So let’s go to our dashboard
Now go to ‘woocommerce’
And click ‘orders’
Here you can see the order using the UPI payment
Now to change the order status
just click here
and change the status to ‘processing’
And click ‘update’.
Now your customer will receive another email from your website.
So let’s go to our customer’s inbox
We have got the email, Lets open that
And as you can see, the order is being processed.
So now you can start delivering the product to your customer
Okay,
so this is how you can add an UPI payment option on your ecommerce website.
Now !... Let’s say your customer is visiting your site from their mobile.
And they want to purchase this product,
How will they pay, using their mobile phone?
So next, let’s see how your customers can purchase a product from their
mobile, using the UPI payment option.
To purchase this product, All they have to do is
Just click add to cart,
Now click proceed to checkout,
And here You can see that we’ve got the same UPI payment option,
So now to purchase the product, All they have to do is,
Fill in these details,
Now to make the payment using UPI,
Just select this,
And click proceed,
And you will get this page.
Now to complete the payment from their mobile,
All they have to do is, click ‘pay through UPI’,
And it will open the UPI app,
Now if they click ‘proceed to pay’,
You can see that the payment is made,
And they’re back on our site,
Now if they click proceed,
You can see that we’ve successfully placed the order.
This is how your customers can purchase a product on their mobile using UPI.
So that’s it, guys,
Now you know how you can add the UPI payment option on your ecommerce website.
If you need any help to maintain your E-commerce website, you can
hire a professional from Fiverr by clicking the link below this video
If you want to know how you can add live chat to your website, you can watch this video
Also make sure to subscribe to Website Learners to get more videos like this one.
Thanks for watching.
I will see you in the next video.
Take care. Bye-bye.