...
Code Block | ||
---|---|---|
| ||
<netvalve-cardnumber />cardnumber></netvalve-cardnumber> <netvalve-cvv />cvv></netvalve-cvv> <netvalve-expiry />-expiry><netvalve-expiry> |
These components can be placed anywhere within your payment form.
...
Code Block | ||
---|---|---|
| ||
<! -- Payment Form --> <form action="/your-payment-endpoint"> <input name="cardHolderName" /> <netvalve-cardnumber />cardnumber></netvalve-cardnumber> <netvalve-cvv />cvv></netvalve-cvv> <netvalve-expiry />expiry></netvalve-expiry> <button type="submit">Pay</button> </form> |
...
The iframes are automatically sized to match your input styling and will respond to your page's CSS, making them appear as native input fields to your users.
Next Step
Set up the SDK using either:
a JavaScript config approach.