Knowledge Base

Customize Checkout

Here you design your shop's checkout: branding, which form fields are asked for, which legal notices are shown, whether product recommendations appear, and which tracking scripts run.

Rebuilt excerpt of the view: /checkout

What can I do here?

  • Set branding: logo, primary and background color, font, corner radius, whether the order summary is shown
  • Show/hide checkout form fields, mark them required, and reorder them
  • Control whether terms, privacy policy, and right-of-withdrawal notices appear at checkout
  • Enable product recommendations (upsell) at checkout and configure their position/count
  • Add custom tracking scripts and tracking pixels (e.g. Facebook, Google, TikTok)
  • Reset each section individually to its default settings

Step by step

  1. Adjust branding: Open the "Branding" tab, enter a logo URL, choose primary and background colors, set the font and corner radius; the live preview on the right updates immediately. Click "Save" to apply.
  2. Configure checkout fields: Open the "Fields" tab, toggle fields on/off, use the arrow icons to reorder them, check "Required" where needed, then save.
  3. Set legal notices: Open the "Policies" tab, show or hide terms/privacy/refund notices individually; for terms, you can additionally require explicit consent.
  4. Add a tracking pixel: Open the "Scripts" tab, click "Add pixel", enter a name, type (Facebook/Google/TikTok/Custom), and pixel ID, then save.

Fields explained

Branding

Field Meaning Notes/Effect
Logo URL Direct link to the logo image in the checkout header Shown immediately in the preview
Primary color Main color for buttons and accents Affects, among other things, the "Pay now" button
Background color Background of the checkout area —
Font family Font used in the checkout Choice from a predefined list (Inter, Roboto, Open Sans, etc.)
Corner radius Rounding of boxes/buttons (Small/Medium/Large/Extra Large) Purely visual
Show order summary Displays an order summary in the checkout If disabled, customers don't see a live overview of line items

Fields

Field Meaning Notes/Effect
Field name (Email, First Name, Last Name, Address, Phone, Company, Notes) Form field in the checkout Order can be changed with the arrow buttons
Enabled Whether the field appears at checkout at all Disabled fields are not asked for
Required Whether the field must be filled in Only changeable while the field is enabled

Policies

Field Meaning Notes/Effect
Show terms Shows a link/notice to the Terms and Conditions Can be combined with a consent requirement
Terms consent required Forces a checkbox to confirm the terms Only visible when "Show terms" is enabled
Show privacy Shows a notice for the privacy policy —
Show refund Shows the right-of-withdrawal notice at checkout —

Upsell

Field Meaning Notes/Effect
Enable upsell Turns on product recommendations at checkout —
Section title Heading text above the recommended products Default: "You might also like"
Max products Number of recommendations shown at once 1 to 6
Position Where the recommendations appear at checkout "After cart" or "Before payment"

Scripts

Field Meaning Notes/Effect
Head scripts Code inserted into the <head> section of the checkout page Sanitized server-side; only insert trusted code
Body scripts Code inserted before the closing body tag Sanitized server-side
Tracking pixels (name, type, pixel ID) Conversion-tracking codes from ad platforms Individually enabled/disabled

Values & statuses

Upsell position (checkout_upsell_position)

Value Meaning What happens
After cart Recommendations appear right after the cart overview Customers see recommendations early in the checkout flow
Before payment Recommendations appear just before the payment step Higher visibility right before completing the purchase

Tracking pixel type

Value Meaning What happens
Facebook Meta/Facebook conversion pixel Sends checkout events to Facebook Ads
Google Google conversion tracking Sends checkout events to Google Ads/Analytics
TikTok TikTok conversion pixel Sends checkout events to TikTok Ads
Custom Freely defined tracking script For other providers or custom purposes

Frequently asked questions

Why doesn't my customer see a form field at checkout anymore?
The field was disabled in the "Fields" tab. Enable it using the corresponding toggle.

How can I force customers to actively accept the terms?
In the "Policies" tab, enable "Show terms" and additionally turn on "Terms consent required".

What happens when I click "Reset"?
The respective section (Branding, Fields, Policies, Upsell, or Scripts) is reset to SCS's default values. Other sections remain unchanged.

Are inserted tracking scripts safe?
Scripts are sanitized server-side, but you should still only insert code from trusted sources since it runs on your customers' checkout page.