Skip to main content

Card Payments — Using Elements

Use Elements to collect card data on your own page. Tokenization happens in the browser; your server never sees the card number or CVV, which reduces your PCI scope.

Flow

  1. Load the Elements SDK on your page (with your Vault pub key).
  2. Render card fields (number, expiry, CVC) in your form.
  3. On submit, the SDK tokenizes with Vault and returns a token (and optional CVC session) to your backend.
  4. Your backend uses the token with the Proxy or PayAPI to process the payment.
Card data never touches your servers.

Next steps