---
page_title: Native OTP Introduction
product: SmartGateway TranPortal Integration
page_source: https://smartgateway.hdfc.bank.in/docs/smartgateway-tranportal-integration/docs/native-otp/native-otp-introduction
llms_txt: https://smartgateway.hdfc.bank.in/docs/llms.txt
product_llms_txt: https://smartgateway.hdfc.bank.in/docs/smartgateway-tranportal-integration/llms.txt
---


# **Native OTP** 



When a card transaction is initiated, customers are redirected to the respective Bank's OTP page (called ACS page) to enter the OTP and complete the transaction. This redirection is necessary for OTP generation and verification, but the UX / UI varies between banks and may not often be optimised for mobile screens. Multiple browser redirects may be required, leading to a less-than-optimal user experience.


### **SmartGATEWAY Native OTP card transaction flow** 



As a solution, SmartGATEWAY has introduced a seamless OTP page that will be native to your app or website. This means your customers can enter their OTPs comfortably within your app or website, without any re-directions to different Bank pages. Juspay native OTP screens are configurable to easily blend with your checkout page.

Your customers will still have access to familiar options such as Resend OTP and the ability to redirect to the bank page from this native OTP screen.


### **Feature Details** 



* **Payment Methods supported:** Debit Card & Credit Card
* **Platforms Supported:**  Live : Web , WIP :  Android, iOS
* **Card Brands Supported**  : VISA and Mastercard

**Building of the Native OTP Screen (Recommendations)** 

How to build an OTP page submit logic, order-status has to be included in workflow Post Process OTP API - if status is not PENDING_VBV then exit with order status - if **is_submit_allowed**  is **false**  then exit with order status - if status is pending then         - do 6 sec polling : if status remains unchanged and is_submit_allowed is true   keep showing DOTP - if status changed : exit with order status

---

## See Also

- [Void API](https://smartgateway.hdfc.bank.in/docs/smartgateway-tranportal-integration/docs/preauth-and-capture/void-api)
- [Credit / Debit Card OTP transaction](https://smartgateway.hdfc.bank.in/docs/smartgateway-tranportal-integration/docs/native-otp/credit--debit-card-otp-transaction)