How do Card Fields work?
Card Fields are the card half of Omno Custom Checkout: your checkout, with no Omno payment page and no Omno branding. A payment takes five steps.
- Your backend creates a payment session with Omno.
- Three secure Omno card fields appear inside your checkout, styled to match it.
- The shopper enters their card details and presses your own Pay button.
- Omno receives the card data, then routes and processes the payment.
- The result shows on your page, and your backend receives the usual webhook.
Because the session flow and the SDK are the same as for the hosted checkout, an existing Omno merchant keeps its backend integration and changes only the front end.
What stays yours, and what does Omno run?
Everything the shopper sees is yours: the page, the layout, the order summary and the Pay button. The three fields take on your checkout’s look through the Omno SDK, with its set of options for font, colours, placeholders and error states. Errors are caught as the shopper types, so a mistyped card number is flagged before they press Pay.
Behind the fields, Omno runs the same card engine as every other Omno card payment. Your routing rules pick the provider by card BIN, country, currency, amount, browser information or customer segment. If a provider is unavailable or rejects the request, the payment moves to the next provider in the rule until one accepts. Final statuses arrive by webhook, and every attempt appears in the same transaction trail and reports.
How do Card Fields affect PCI DSS?
Card data goes from the fields straight to Omno, so your website and servers never see or store card details. Compared with a direct API integration, where your systems handle raw card data, that can significantly reduce your PCI DSS scope. Your own qualified security assessor decides your level and the questionnaire that applies to you. For the background, read our guides on PCI DSS for hosted checkout merchants and host-to-host card payments.
When should you choose Card Fields?
Choose Card Fields when your team wants full control of the checkout’s layout and conversion and will not send shoppers to a payment page that looks different from the rest of the store. Choose the hosted checkout when you would rather have Omno host the page and change it in the no-code builder, with every method in one place. For local methods and wallets on your own checkout, pair Card Fields with Direct Links.