Web checkout appearance

After you create a web checkout, you can customize its look and feel to match your brand and improve the buyer experience. Use these settings to adjust global styles, header and footer, page backgrounds, product and price presentation, homepage behavior, button styles, and the completion page.

In the FastSpring app, go to Checkouts > Web Checkouts, then click Settings on the checkout you want to edit. Use the tabs at the top of the page to access each design category.

General settings

Store title, favicon, country/language, email/VAT, font

Header settings

Logo, header text, links, background, divider

Footer settings

Footer text, colors, link styles

Page settings

Page links, body background, panels, terms color

Products and prices

Price color/size, product titles and images, offer tiles

Homepage

Catalog checkboxes, action buttons, title link behavior

Buttons

Common button controls and per-type defaults

Completion page

License visibility after purchase

Edit your checkout settings

Use this flow to update appearance settings for a specific web checkout.

Go to Checkouts > Web Checkouts.
Click Settings on the checkout you want to edit.
Open a tab to adjust its settings.
Click Save.

Note: Checkout settings are per-checkout. Changes here override store-level defaults but do not affect your other web checkouts. Use Save and Preview to confirm your design changes before making the checkout live.

General settings

Adjust global appearance and localization controls that apply across your web checkout.

Setting	Description	Available options
Store title	Title displayed in the browser tab. Supports multiple languages via the selector.	Text input Language selector
Favicon	Icon shown in the browser tab (and some address bars).	Upload .png or .ico
Country and Language selector	Controls visibility and lock state of the country/language control at checkout.	Show Show, but lock Hide
Require email to start the order	Prompts buyers for their email before entering the store; useful for cart abandonment tracking.	Yes No
Tax Exemption	Displays a tax-exemption ID link at checkout; removes applicable tax when valid.	True False
Font	Font used throughout the checkout. If the chosen font isn’t available, a system font is used.	Helvetica Neue, Arial, sans-serif Droid Sans · Fira Sans · Lato · Open Sans · Open Sans Condensed PT Sans · Roboto · Roboto Condensed · Source Sans Pro Ubuntu · Ubuntu Condensed · Montserrat

Customer information

Control which customer fields appear and how subscription renewals are handled visually during checkout.

Setting	Description	Available options
Email field	Where the email field appears; emails are captured for cart-abandon tracking.	Payment window + right column Payment window only
Newsletter Subscription Checkbox	Controls the opt-in checkbox “Stay updated via email about product updates and special offers.”	Show, Checked Show, Unchecked Hide
'Company' field	Shows a company field and passes the value in orders/webhooks.	Disable Enable Enable and require
Collect Physical Address	Controls billing address collection during checkout.	Enable (optional) Enabled (required) Disable
Force phone number collection	Requires buyers to provide a phone number.	Yes No
Auto/Manual subscription renewal at initial checkout	Whether payment details are saved for renewals during the first purchase.	Do not allow opt-out Allow, Opt-Out Allow, Opt-In

Accessibility best practices

Accessible design ensures your checkout is usable and readable for all buyers.

Maintain a minimum 4.5:1 contrast ratio between text and background.
Keep button heights at least 40px for comfortable mobile tap targets.
Use visible focus and hover states (not color-only changes).
Choose clear, legible fonts that render well across devices.
Ensure links are visually distinguishable and provide clear hover styles.

Header settings

Customize the global header that appears on all checkout pages.

Setting group	Description	Available options
Size and behavior	Control height and whether the header stays fixed while scrolling.	Height: 25px–150px Freeze header: on/off
Logo	Upload logos and set margins/link behavior.	Logo for retina screens: upload Logo (standard): upload Margins around the logo: CSS margin Logo link: URL (http/https)
Text	Header text to the right of the logo; supports Markdown and localization.	Text: localized Text alignment: Left · Center · Right Text color: color picker
Links	Link color, hover, underline, and weight styles.	Links color / on hover: color pickers Decoration: None · Underline Decoration on hover: None · Underline Style: Normal · Bold Style on hover: Normal · Bold
Background and divider	Header background and divider beneath the header.	Background color: color picker Background image: upload Repeat: No repeat · Repeat · Repeat-x · Repeat-y Divider height: 0px–10px Divider color: color picker

Footer settings

Customize the footer that appears on every page in your checkout.

Setting group	Description	Available options
Text	Footer copy (supports Markdown) and color; localized per language.	Color: color picker Text: localized
Links	Footer link color, hover, underline, and weight styles.	Links color / on hover: color pickers Decoration: None · Underline Decoration on hover: None · Underline Style: Normal · Bold Style on hover: Normal · Bold
Background	Footer background color.	Background color: color picker

Page settings

Control the link styling, page backgrounds, panels, and the Terms & Conditions text color across your checkout pages.

Setting group	Description	Available options
Links	Link color, hover, underline, and weight in page content.	Content links color / on hover: color pickers Decoration: None · Underline Decoration on hover: None · Underline Font weight: Normal · Bold Font weight on hover: Normal · Bold Tax text color: color picker
Background	Body background behind product content.	Background color: color picker Background image: upload Repeat: No repeat · Repeat · Repeat-x · Repeat-y Size: text (e.g., cover, contain, 100% 100%) Position: text (e.g., center top) Attachment: Scroll · Fixed Clip: Content box · Border box · Padding box
Offer groups	Heading color for offer groups.	Color of the offer group title: color picker
Panels and popups	Corner radius and panel header colors; applies to sections like “Your Order” and “Your Payment.”	Panel corners radius: 0px–25px Popup windows corners radius: 0px–25px Title alignment: Left · Center · Right Panel headers background: color picker Panel headers text color: color picker
FastSpring Terms & Conditions of Sale	Text color for the Terms & Conditions notice below the footer.	Text color: color picker

Note: Page settings apply to all pages within this checkout, but not to other web checkouts in your store.

Products and prices

Adjust price styling and how product titles and images appear, including when products are surfaced as offers.

Setting group	Description	Available options
Price	Set price color and size, and whether to hide “Free” for free options.	Color: color picker Size: Standard · Large Do not display “Free”: on/off
Products	Control product title size and image container size.	Product title size: 12px–24px Product image size: Large 128×128 · Medium 96×96 · Small 64×64
Products as offers	Configure title size and image sizes for cross-sell and up-sell tiles.	Offer title size: 8px–64px Offer image size outside the cart: Large · Medium · Small Offer image size inside the cart: Large · Medium · Small

Homepage

Control catalog behaviors such as adding to cart via checkboxes, per-product action buttons, and title link behavior.

Setting	Description	Available options
Show checkboxes for adding products to cart.	Displays a checkbox next to each product; checking adds to cart, unchecking removes.	Yes No
Product action button behavior	Action of the per-product button (e.g., “Buy Now”).	Adds product to cart Opens product page Hidden
Product title link behavior	Behavior when clicking the product title.	Open product checkout page Show inline product description

Buttons

Customize button colors, hover states, text sizes, borders, and corner radius across checkout and the Account Management portal.

Note: The controls below apply consistently across button types. Defaults can vary by type (for example, “Confirm OK” uses a green palette).

Control	Description	Available options
Text size	Button text size in pixels.	8px–24px (common default: 14px)
Corners radius	Corner roundness.	0px–25px (common default: 4px)
Color / Color on hover	Background and hover colors.	Color pickers (e.g., #0070DF / #3071A9)
Text color / Text color on hover	Foreground and hover colors.	Color pickers (e.g., #FFFFFF / #FFFFFF)
Border width / color / hover	0–10px border with colors; optional styling.	Width: 0px–10px Border color / hover: color pickers

Note: Payment Buttons support Short Checkout Flow. When enabled, a payment option is selected immediately without an extra “Enter Payment Details” click.

Completion page

Control the appearance of the completion page that buyers see after a successful order.

Setting	Description	Available options
Show licenses on completion page	Displays configured licenses/fulfillments after purchase.	Enable Disable