> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-razorpay-payment-gateway/in-frontend.md).

# In Frontend

Once you apply the configuration settings for Razorpay, go to the frontend of your Magento 2 store. Add an item to the cart and proceed to checkout. You can see Razorpay is enabled in the frontend.

<figure><img src="/files/zav1QStVoohX8jXHxvXW" alt=""><figcaption></figcaption></figure>

#### Razorpay Redirect

When you click on place order, it will redirect you to the Razorpay payment page, where you are asked to enter payment details.

<figure><img src="/files/zd0eujroXWv73j64h8p5" alt=""><figcaption></figcaption></figure>

Once you fill up the details, it will open a pop-up to enter OTP and confirm the payment.

<figure><img src="/files/dxyIk05XsodJwfLWgpN3" alt=""><figcaption></figcaption></figure>

Once you submit OTP, your payment is successful and you are redirected back to Magento.

<figure><img src="/files/VtFP18VdLhWrpU6rbhLQ" alt=""><figcaption></figcaption></figure>

#### Razorpay Popup

When you click on place order, it will open a pop-up, where you are asked to select the payment option.

<figure><img src="/files/eSWc075Oy17q6eN4ZEf4" alt=""><figcaption></figcaption></figure>

Depending on your payment option, you need to enter details. Here we have selected card.

<figure><img src="/files/BZC4nAQV94mMsguiHtZj" alt=""><figcaption></figcaption></figure>

After that, it will ask you to enter the OTP sent to your mobile number.

<figure><img src="/files/mRgSKNSs31HhA8N3aPmA" alt=""><figcaption></figcaption></figure>

Once OTP is verified, you will see a payment success screen for a few seconds.

<figure><img src="/files/Hp48UKgh4Z7349VdbUuN" alt=""><figcaption></figcaption></figure>

A payment success message is displayed at checkout.

<figure><img src="/files/BnTmqYx44zd0bFBeHRpe" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.magecomp.com/magento-2-razorpay-payment-gateway/in-frontend.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.