Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagehtml
<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
languagehtml
  <! -- 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:

  1. an HTML approachApproach

  2. a JavaScript config approach.