# 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FDxqodkNKk7tNy7wLAS4b%2FRazorpay%20payment%20method%20in%20frontend.png?alt=media&#x26;token=54cc7ae4-4ed1-4e58-a1bf-c4e2dde9cc3d" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FvKtWSUGn7ZFDmfdrr3Vk%2FCard%20details.png?alt=media&#x26;token=d94b4c4b-db93-4857-b0c5-66f627c40494" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FJDbtIJUn6GYC0kXptKqt%2FOTP.png?alt=media&#x26;token=103ee7f8-c270-48ad-b425-b6c9220781d4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F14S6K0dTJYL62pxMec4S%2FPayment%20success.png?alt=media&#x26;token=443b3d8e-e917-44a4-a008-0879fb7686be" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FQjL22pD9kPEwNfFq0Onw%2FRazorpay%20Popup.png?alt=media&#x26;token=bd820bf5-070a-4102-8a14-09d591fb47c0" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F0SSfbM7KdFOxureEPdZn%2FPopup%20Card%20Details.png?alt=media&#x26;token=89186f46-fb68-426d-8fd1-18624bc1c8a3" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FkwWZiEDS6OQRjR0HBcEY%2FPopup%20OTP.png?alt=media&#x26;token=86e522e7-ce4e-45f4-ac8d-f3c0f109c3ff" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FMaLN2ttJnHDEMnGa7I04%2FPopup%20payment%20success.png?alt=media&#x26;token=32e431a2-1799-4eff-ad4c-3ed12ca1a406" alt=""><figcaption></figcaption></figure>

A payment success message is displayed at checkout.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FJ8KwrvFXvLc1wcSkVfpU%2FPopup%20success%20message.png?alt=media&#x26;token=02495de2-8d6b-4ff5-9705-674421249fdf" alt=""><figcaption></figcaption></figure>