> 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-clave-payment/frontend-display-of-clave-payment.md).

# Frontend display of Clave Payment

Clave payment gateway method displayed on the checkout page in the frontend of your Magento 2 store.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fwoc93ZtACikcR3lJCphV%2Fimage.png?alt=media&amp;token=f8947148-a4de-4182-8fe4-9869726a5612" alt=""><figcaption></figcaption></figure>

**The customer will be redirected to this page for further transaction process after the selection of the clave payment method from the checkout page in the frontend of your Magento 2 Store.**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FvX6mBedbXgNgsKiGMBI2%2Fimage.png?alt=media&amp;token=ad115d34-6529-42eb-a568-3a79c83add58" alt=""><figcaption></figcaption></figure>

**Payment completed successfully confirmation message after completing the transaction via clave payment method in the frontend of your Magento 2 store.**

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FTgm9yCTzcdLkkt8z4cTj%2Fimage.png?alt=media&amp;token=4a5ed384-1658-42c4-83a4-9bb9b472ed73" alt=""><figcaption></figcaption></figure>