Smart Fields examples

Smart Fields are pre-built rich UI components that help you build your own pixel-perfect checkout flows across desktop and mobile, without worrying about PCI.

Learn more Explore the docs

Example 1
Enter card details

Payment successful

Thanks for trying Smart Fields. No money was charged, but we generated a token: token

Your card won't be charged View source on GitHub
Example 2

Payment successful

Thanks for trying Smart Fields. No money was charged, but we generated a token: token

Your card won't be charged View source on GitHub
Example 3

Payment successful

Thanks for trying Smart Fields. No money was charged, but we generated a token: token

Your card won't be charged View source on GitHub
Example 4

Payment successful

Thanks for trying Smart Fields. No money was charged, but we generated a token: token

Your card won't be charged View source on GitHub
Example 5
Add Payment Method

Payment successful

Thanks for trying Smart Fields. No money was charged, but we generated a token: token

Your card won't be charged View source on GitHub
Example 6
visa mastercard amex discover

Enter your credit card number.
Enter your credit card expiration.
Enter your credit card CVV.
cvv
Enter your name exactly as it appears on your card.
Select a country.
Enter your CPF / CNPJ.
lock

Payment successful

Thanks for trying Smart Fields. No money was charged, but we generated a token: token

Your card won't be charged View source on GitHub