How to Integrate Razorpay Payment Gateway in Blogger.

    Hey There, Payment Gateway is basically a tool or platform to deal with all the online financial transactions. So if you want to integrate a payment gateway to your website and receive payments online, this article is for you.

How to Integrate Razorpay Payment Gateway in Blogger.

If you want to learn how to integrate the Razorpay payment gateway in Blogger just by using simple HTML, Stay tuned! In this article, we will see how to integrate the Razorpay payment gateway in Blogger.

So, Here is the complete process to integrate Razorpay in Blogger. If we are done wasting time.

Let's just keep all the things aside and Let the tech begin!


Integrate Razorpay in Blogger

First things first, you should have a Razorpay account created to start the process. First of all, open up the following link in your favorite web browser.

You can visit the signup page of Razorpay from here.


Once you open up the link you will see the signup page to create an account. Do signup if you don’t have an account. Once you have your account simply enter the details and log in to your account.

How to Integrate Razorpay Payment Gateway in Blogger.

After logging in to your account get into the 'my account' tab which you can find in the menu on your left. Then fill in your bank details and all other empty details and submit your KYC request.

How to Integrate Razorpay Payment Gateway in Blogger.

Here you need to upload a few documents. Once your KYC is verified your account will get activated.

How to Integrate Razorpay Payment Gateway in Blogger.

Now just move to the payment pages tab and click on the 'Create payment page' option on the right.

How to Integrate Razorpay Payment Gateway in Blogger.

Here we are being provided with a couple of templates for various situations. However, In this example, I am going to select the 'Create your own' Template.

How to Integrate Razorpay Payment Gateway in Blogger.

On this page, you can give the Page title, Enter the description, and you can basically edit this page completely as for your wish, you can customize the page with the available options. Once you are satisfied with the edit click on the 'Save and publish page' button.

How to Integrate Razorpay Payment Gateway in Blogger.

Once you do that you will be given a URL of your created payment page and you can even customize the URL as well.

How to Integrate Razorpay Payment Gateway in Blogger.

Now in order to integrate Razorpay into Blogger, we are going to take the help of this button. Just click on the 'Get payment button' option.

How to Integrate Razorpay Payment Gateway in Blogger.

Here we can edit the text to be shown on our payment button and you can even select your desired button size as needed. Once everything is set up you just have to copy the HTML code and click 'Done'.

How to Integrate Razorpay Payment Gateway in Blogger.

Now let me just give you an overview of my site. Here I want to add my payment button in between the 'Social media handles' and the 'Contact us' box.

How to Integrate Razorpay Payment Gateway in Blogger.

Now, log in to your blogger account and get into your dashboard. Now click on the 'Layout' tab. Once you are inside the layout tab, you can see all the elements on your website listed in this tab.

How to Integrate Razorpay Payment Gateway in Blogger.

Just give a quick overview in this tab to find the place where you want to add the button. Here as I want to add the button between the 'Social media handles' and the 'Contact us' box the right position for me to insert the button is here (refer to the image below). So after figuring out where to add the button click on add a gadget option.

How to Integrate Razorpay Payment Gateway in Blogger.

Then you will get another browser window popped up, now scroll down to find the 'HTML/Javascript' Widget in the listed gadgets and click on the little add button.

How to Integrate Razorpay Payment Gateway in Blogger.

Now paste the HTML code you have copied earlier from the Razorpay website into the content box. The Title here is not necessary, I’m just leaving this field empty and guys just make sure here the visibility is turned on and click on the 'Save' button.

How to Integrate Razorpay Payment Gateway in Blogger.

Now after refreshing the webpage you will have your Razorpay button successfully embedded in your web page.

How to Integrate Razorpay Payment Gateway in Blogger.

Once you click on the button, you will be redirected to this official payment page of Razorpay which you have created earlier.

How to Integrate Razorpay Payment Gateway in Blogger.

Now here the clients will simply enter the details and get all the payment methods available. Here I have some extra payment wallets as I have raised a request by sending an email for approval.

How to Integrate Razorpay Payment Gateway in Blogger.

Yeah! And that’s how you can add your Razorpay button to your blogger site. Now if I want to add my Razorpay gateway as a menu item.

How to Integrate Razorpay Payment Gateway in Blogger.

Then we gotta open up the Razorpay payment pages tab and copy the link to the payment page.

How to Integrate Razorpay Payment Gateway in Blogger.

Now just look up the navigation menu items and here we have to paste the link in the URL column and label the URL and click on 'Add link'.

How to Integrate Razorpay Payment Gateway in Blogger.

Now reposition the menu item and once done just save the changes.

How to Integrate Razorpay Payment Gateway in Blogger.

After doing that just refresh your web page, here you can see the new menu item you have created earlier and this redirects us to the Razorpay payment page.

How to Integrate Razorpay Payment Gateway in Blogger.

Here is the video explaining the method to integrate Razorpay in Blogger as mentioned above on our own YouTube channel. Do watch it to know more information about the process.



Conclusion

So yeah! There are only two ways available to link your Razorpay gateway with blogger, till date, One option is to add an embedded button and another one is to add the link of your payment page in any of the menu items.

If you know any other options to link the same, tell us about them in the comments below!

So, That was all about how you can link your Razorpay payment page to your blogger site. Keep supporting Techniverse Spotted for more cool and interesting stuff.

Post a Comment

Previous Post Next Post