> 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-ubi-payment-gateway-extension/in-frontend.md).

# In Frontend

Once you have successfully configured UBI Payment, you can see it enabled in frontend.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FdFMwukBo6O5DSjlu4W30%2Fimage.png?alt=media&amp;token=69f15483-fc0b-4f52-a498-930dc95e4633" alt=""><figcaption></figcaption></figure>

* Once you place order, it will redirect you to UBI Payment gateway where you are asked to enter payment details. Click next to go further.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F10FludtqUCAkipMxQaFI%2Fimage.png?alt=media&amp;token=a853e3b6-2f5e-42d1-91a9-9ed5e09edbfe" alt=""><figcaption></figcaption></figure>

* Once you have paid, you get success message.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FHgdbEN8YHpaV46MPKE1N%2Fimage.png?alt=media&amp;token=a0a266b9-3df7-450e-a1bd-37bbfeddefbc" alt=""><figcaption></figcaption></figure>