Clearpayo hosts the card fields in an isolated vault. Your checkout never sees a card number, only a token. Add two lines, style it to match, done.
Demo only: nothing you type here is sent anywhere.
Coding agents are great at checkouts and terrible at handling card data safely. Clearpayo gives them one small, deterministic surface to get right.
Add Clearpayo card fields to this store's checkout.
1. Load https://vault.clearpayo.com/sdk.js once on the checkout page.
2. Mount the fields where the card inputs are: ClearpayoFields.mount(el, { layout: "inline", style: { ...match the page's font, border, focus and radius... } }).
3. Remove the old card number / expiry / CVC inputs and any client-side card encryption.
4. On pay: const { token } = await fields.tokenize(); then POST /api/checkout/charge with vault_token: token (everything else unchanged).
5. Show your own error only when err.code === "network"; invalid_* errors are shown inside the fields.
6. If the page has a CSP, allow script-src and frame-src https://vault.clearpayo.com.
Docs: https://checkout.specialx.ai/docs#card-tokenization-with-clearpayo
Full agent guide: https://clearpayo.com/llms.txtThe card goes from the buyer's keyboard straight into the vault. Your store only handles a token the vault will release to your store alone.
One script, one element. Match your fonts, borders, radius and colours.
<script src="https://vault.clearpayo.com/sdk.js"></script>The iframe validates and encrypts the card, then hands back a token.
const { token } = await fields.tokenize()Send it to your checkout. The platform claims it and charges your provider.
POST /api/checkout/charge { vault_token: token }<script src="https://vault.clearpayo.com/sdk.js"></script> <div id="card"></div> <script> const fields = ClearpayoFields.mount('#card', { layout: 'inline', style: { borderRadius: '8px', focusColor: '#3f5d42' } }); payButton.onclick = async () => { const { token } = await fields.tokenize(); // tok_… — never the card number await fetch('/api/checkout/charge', { method: 'POST', body: JSON.stringify({ vault_token: token, ...order }) }); }; </script>
Card data lives in its own service, its own database and under its own keys, apart from the stores and the platform that use it.
Inputs are rendered on vault.clearpayo.com. The store page, its scripts and its extensions can't read them.
Each card number and CVC is encrypted and bound to its own token and column, under versioned keys that rotate without downtime.
A token only works for the store whose page it was typed on. Copy it to another store and the vault refuses it.
Deleted after the first authorization, and in any case within an hour. Abandoned tokens are gone within a day.
Tokenize, claim, decrypt, purge and delete are all recorded, including refused attempts.
Card data can only be read back over a private service connection, never over the internet.
No monthly fee, no per-token fee, no API-call metering. You only pay your payment provider, as before.
Yes. Clearpayo has no monthly fee and no per-token or per-call fee. Your payment provider still charges its normal processing fees.
Every store running on SpecialX, on its specialx.ai subdomain or its own custom domain. Standalone access for other platforms isn't open yet.
Whichever provider your SpecialX store already uses for cards. The platform reads the card from the vault over a private connection and passes it to that provider, so switching providers doesn't mean asking customers for their card again.
Card numbers never reach your pages or servers, which keeps them out of most of your PCI scope. Your acquirer decides which self-assessment questionnaire applies to you. Clearpayo's own compliance documentation is in preparation; contact us if your acquirer needs it.
That's the point. The prompt above, plus /llms.txt, contains everything needed: where to load the script, how to style it, what to send on pay and how to handle each error.
Yes: font (including Google Fonts), size, colours, borders, focus and error colours, radius, height, inline or stacked layout, labels, placeholders and error messages. It's all styling, so no code of yours runs inside the vault.
Give your agent the prompt. Ship a safer checkout today.