Localized copy
Labels, totals and error messages in the shopper's language, with local number, date and address formats.
Accept · Checkout studio
Your checkout, configured without code.
Switch payment methods on and off, drag them into the order your shoppers prefer and decide where each one routes, with a live preview of the hosted checkout. Publish when it looks right; roll back in one click.
Checkout studiopay.sparkio.site/northlight
Interactive demo of the checkout studio for Northlight. It opens on version 12, the live version until this morning, and builds the draft that went live as version 13 at 09:12 today. A list of payment methods you can reorder and switch on or off, a live preview of the hosted checkout, and the routing rules of the selected method. Nothing you change here leaves this page.
Checkout
Live · v12Payment methods
8 onTo reorder, drag the handle, or focus it and press Arrow Up or Arrow Down. Alt plus Arrow Up or Down works anywhere in the row.
Methods per market
Lead with what each country pays with.
Set one default order, then let each market put its local favorite first: Pix in Brazil, iDEAL in the Netherlands, Apple Pay in the US. The checkout reads the shopper's country and rearranges itself, in their language and currency.
- Market overrides on top of one default order
- Methods hidden where they are not offered
- Local currency and language from the same config
- Preview any market before you publish
MarketsShopper in United States
Northlight's payment methods per market: choose a shopper country to see the order the checkout uses there and the localized checkout preview.
Order in United States
USD · en-US
- 1Apple PayDefault
- 2PayPalDefault
- 3KlarnaDefault
- 4Google PayDefault
- 5VenmoDefault
- 6AfterpayDefault
- 7CardAlways last
Hidden in United States
iDEALPix
Default order
Default order
$249.00 · EnglishDisplay rules
Rules you can read, not code you maintain.
Decide when a method appears and where it goes with conditions on country, amount, currency and device. Rules run top to bottom on every checkout session, so you can always tell why a shopper saw what they saw.
- Conditions on country, amount, currency and device
- First match wins; a fallback row always applies
- Route each method to the account you choose
- Test a rule against sample sessions before it goes live
Display rulesTop to bottom
Northlight's display rules: Brazil shows Pix first, orders over $500 offer Klarna and Afterpay installments first, Android puts Google Pay first. Pick a sample session to see which rule matches and the order the shopper gets.
- 1IfCountryisBrazilShowPixfirstMatchAlso matches
- 2IfOrder amountis over$500OfferKlarnaAfterpayinstallments firstMatchAlso matches
- 3IfDeviceisAndroidPutGoogle PayfirstMatchAlso matches
- All other conditionsDefault orderMatchAlso matches
Test with a session
Shopper sees
- 1Klarna4 × $154.50
- 2Afterpay4 × $154.50
- 3PayPal
- 4Google Pay
- 5Venmo
- 6Card
Rule 2 matched first; the rules below it are not checked.
Brand it
Your colors, your corners, your type.
Start from a preset or match your store: accent color, corner radius and font apply to the hosted page and the embedded form alike. A new theme stays a draft until you publish it, and wallet buttons keep the look their brands require.
- Presets for light, dark and your own brand
- Accent, radius and font as three tokens
- Contrast checked against WCAG AA as you edit
- One theme for hosted and embedded checkout
AppearanceDraft · not published
Northlight's checkout theme, explored as a draft that is not published: the live checkout keeps the SparkIO default theme. Pick a preset, corner style and font and the checkout preview updates. Contrast is checked against WCAG AA as you change it.
Theme
Corners
Font
Contrast
- Pay button
- 14.7:1
- AAA
- Text on page
- 13.0:1
- AAA
Northlight pine2 px
Test before you publish
Try the change on half your traffic first.
Run a new order or a new method as an experiment. Sessions are split, each shopper keeps the variant they saw first and conversion counts paid checkouts only. Promote the winner to a draft when the numbers are in.
- Split by checkout session, sticky per shopper
- Conversion measured on paid checkouts, not clicks
- Stop an experiment at any time
- Promote the winning variant in one click
Experimentexp_5Rb2Ty
Experiment exp_5Rb2Ty on Northlight's US hosted checkout, Sep 22 to Oct 21, simulated data. Variant A (control, PayPal first): 486 sessions, 313 paid, 64.4% conversion, median time to pay 46 seconds. Variant B (Apple Pay first): 484 sessions, 326 paid, 67.4% conversion, 39 seconds. B's order was promoted and went live in version 13 at 09:12 today.
| Day | A conversion | B conversion | A median time to pay | B median time to pay |
|---|---|---|---|---|
| Sep 22 | 65.5% | 62.2% | 39.4 s | 38.6 s |
| Sep 23 | 67.8% | 65.4% | 39.5 s | 45.0 s |
| Sep 24 | 65.7% | 67.3% | 43.2 s | 44.3 s |
| Sep 25 | 66.5% | 66.8% | 40.6 s | 44.0 s |
| Sep 26 | 66.0% | 65.8% | 41.6 s | 43.2 s |
| Sep 27 | 65.7% | 66.0% | 40.1 s | 42.5 s |
| Sep 28 | 66.7% | 66.4% | 42.0 s | 42.2 s |
| Sep 29 | 66.6% | 67.0% | 42.7 s | 41.4 s |
| Sep 30 | 66.4% | 66.5% | 44.0 s | 40.4 s |
| Oct 1 | 66.6% | 66.1% | 44.0 s | 39.5 s |
| Oct 2 | 66.8% | 66.4% | 44.4 s | 38.6 s |
| Oct 3 | 66.7% | 66.6% | 44.5 s | 38.6 s |
| Oct 4 | 66.7% | 67.1% | 44.3 s | 38.7 s |
| Oct 5 | 66.3% | 67.4% | 44.5 s | 39.3 s |
| Oct 6 | 66.2% | 67.4% | 44.1 s | 39.3 s |
| Oct 7 | 66.0% | 67.3% | 44.1 s | 39.3 s |
| Oct 8 | 65.6% | 67.9% | 44.5 s | 39.4 s |
| Oct 9 | 65.3% | 67.8% | 44.7 s | 39.3 s |
| Oct 10 | 64.9% | 67.6% | 44.6 s | 38.5 s |
| Oct 11 | 64.9% | 67.3% | 45.4 s | 38.8 s |
| Oct 12 | 64.8% | 67.3% | 45.4 s | 38.6 s |
| Oct 13 | 64.8% | 67.4% | 45.3 s | 38.6 s |
| Oct 14 | 64.8% | 67.3% | 45.4 s | 38.4 s |
| Oct 15 | 64.6% | 67.3% | 45.3 s | 39.1 s |
| Oct 16 | 64.6% | 67.3% | 45.3 s | 39.3 s |
| Oct 17 | 64.7% | 67.4% | 45.3 s | 39.3 s |
| Oct 18 | 64.8% | 67.6% | 45.8 s | 39.0 s |
| Oct 19 | 64.7% | 67.6% | 45.8 s | 39.1 s |
| Oct 20 | 64.7% | 67.3% | 45.8 s | 38.8 s |
| Oct 21 | 64.4% | 67.4% | 46.0 s | 39.0 s |
Apple Pay first
Promoted to v13Sep 22 – Oct 21 · 50 / 50 · US hosted checkout
AControl
Order: PayPal, Klarna, Google Pay, Apple Pay
64.4%
486 sessions · 313 paid
BApple Pay first
Order: Apple Pay, PayPal, Klarna, Google Pay
67.4%
+3.0 pts484 sessions · 326 paid
ABSimulated data
Use the arrow keys to move between days; Home and End jump to the first and last.
Sep 22Oct 6Oct 21
Variant B finished 3.0 points ahead, 83% likely to be the better order. Its order went live in v13 at 09:12 today.
See v13 in VersionsVersions and rollback
Every publish is a version you can undo.
Each publish records who changed what and when. Compare a version with the one before it and roll back in one click; shoppers already in checkout finish on the version they started with.
- Full history with author and changes
- Rollback is itself a new version, never a rewrite
- Sessions in progress keep their version
- Drafts never reach shoppers until you publish
VersionsNorthlight checkout
Version history of Northlight's checkout, newest first. Select a version to see what changed; any older version can be rolled back, which publishes its settings as a new version.
History
v12Pix first in Brazil
Theo Grant · Mon, Oct 19 · 16:40
Changes from v11
- Pix first when order country is Brazil (was 3rd)
- Pix code expires after 30 min (was 60 min)
New sessions get v12's settings as v14. Shoppers already in checkout finish on v13.
Also in every checkout
The details shoppers never think about.
Switched on for every checkout the studio publishes, hosted or embedded.
Accessible by default
Keyboard paths, screen-reader labels and AA contrast, checked again on every theme you publish.
3‑D Secure built in
Risk-based 3-D Secure 2 runs inside the checkout, with the frictionless flow whenever the issuer allows it.
Address autocomplete
Shoppers type a few characters and pick their address, formatted the way their country writes it.
Saved cards
Returning shoppers pay with a card saved once in SparkVault, on any of your checkouts.
About SparkVaultEvents to analytics
Every view, method choice and payment is an event you can follow in Analytics or send to your own tools.
See Analytics
Questions
Questions about the checkout studio.
- Do I need a developer to change the checkout?
- Not for day-to-day changes. Turning methods on, reordering them, routing rules and theming are done in the studio and go live when you publish. A developer adds the hosted page, the embedded form or the headless API to your site once.
- Does it work with embedded and headless checkout?
- Yes. The hosted page and the embedded form read the published configuration directly. A headless integration receives the same order and rules with each checkout session, so your own UI shows the right methods without a release.
- What happens to shoppers who are mid-checkout when I publish?
- They finish on the version they started with. New checkout sessions get the new version as soon as it is published, and a rollback works the same way.
- How are rules evaluated?
- Top to bottom, once per checkout session. The first rule whose conditions all match decides; when none match, the “All other conditions” row applies, so every method always has a route.
- Can I keep my own Klarna or PayPal accounts?
- Yes. Connect your existing accounts per region and route each method to the one you choose. Cards, Apple Pay and Google Pay are acquired by SparkIO and settle into your balance.
- How do experiments split traffic?
- By checkout session, 50/50 unless you set another split. A shopper who comes back sees the variant they saw first, and only paid checkouts count as conversions.
Set up your checkout today.
Sandbox access now. Live checkout after verification, on a rate agreed with you.