Compare approaches
| Embed | Secure Fields | |
|---|---|---|
| Best for | Fast integration with a complete UI | Custom checkout with full design control |
| UI | Pre-built, customizable payment sheet | You build the UI around minimal card fields |
| Payment methods | Cards, wallets, BNPL, local methods | Cards in Secure Fields, plus APMs and wallets through Direct API |
| 3DS | Handled automatically | Native or Hosted (your choice) |
| PCI scope | SAQ A | SAQ A |
| Setup time | Fastest | More involved |
Embed
Embed is a drop-in payment sheet that you add to your checkout page. It handles payment method selection, card capture, digital wallets, and buyer interactions with no custom UI required. You can customize its appearance to match your brand.Get started with Embed
Use Embed with React, Node.js, or vanilla JavaScript.
Extend your Embed integration
Apple Pay
Set up Apple Pay in your web checkout with Embed.
Google Pay
Set up Google Pay in your web checkout with Embed.
3-D Secure
Configure and test 3-D Secure for Embed transactions.
Secure Fields
Secure Fields provides lightweight, PCI-compliant card input fields that drop into your own checkout UI. You control the layout, design, and flow. Gr4vy securely captures and vaults card data. If you need APMs, you can combine Secure Fields with Direct API mode. This lets you keep your custom card form while still offering additional payment methods such as Apple Pay, Google Pay, BNPL, and local payment methods.Get started with Secure Fields
Use Secure Fields with React, Node.js, or vanilla JavaScript.
Extend Secure Fields with Direct API
List payment options (APMs)
Use Direct API to show eligible APMs for each checkout context.
Apple Pay without Embed
Add Apple Pay to custom web checkouts built outside Embed.
Google Pay without Embed
Add Google Pay to custom web checkouts built outside Embed.