Toggle this on to show a landing page before customers reach Shopify checkout. Instead of going straight to checkout, customers land on a branded page where they can browse products, adjust their cart, and see promotions — all before committing to purchase.

Sending customers directly to checkout works great for simple offers, but pre-checkout pages unlock more powerful scenarios:

The pre-checkout page always shows the cart with the products you've added in the Cart card. The cart updates in real time as customers interact with the page:

If your link has promotions, they're displayed live in the cart:

You can add a product grid to let customers browse and add more items to their cart. Choose from:

Each product in the grid shows its image, title, price (with compare-at price if applicable), and an Add button. Products already in the cart show quantity controls instead.

Toggle Ungroup variants to display each variant as its own item in the grid (e.g., show "Red T-Shirt" and "Blue T-Shirt" separately instead of a single "T-Shirt" with a variant picker).

When a product has multiple variants and ungroup is off, customers can select their preferred option with a variant picker before adding to cart.

Customers can tap on any product to open a quick view panel with the full image gallery, product description, all variant options, and pricing details.

Toggle Limits on to control how many items customers can add on the pre-checkout page.

When a limit is reached, the relevant controls are automatically disabled (quantity picker, Add button, or checkout button). Free gifts are excluded from all limit calculations.

By default, the pre-checkout page shows your store's brand logo (set in Shopify admin under Settings > Brand). If no brand logo is set, your store name is displayed as text instead. Toggle Custom logo on to upload a different logo specifically for the pre-checkout page.

Toggle on to add a header image to the top of the page.

Toggle on to display a callout message — useful for highlighting the offer, a limited-time deal, or any important info.

Customize the checkout button:

Toggle Show skip button to give customers the option to skip the offer:

Toggle Require consent to add a checkbox that customers must check before proceeding to checkout. This is perfect for influencer gifting — require influencers to agree to content usage rights before claiming their gift. Also useful for:

The terms text is displayed in a slide-up panel when customers tap on it.

If you have the Kaching Bundles app installed, expand this section to configure bundle display on the pre-checkout page. Customers can see bundled products with savings displayed and add the entire bundle with one click.

Note: You cannot use a product/collection grid and Kaching Bundles at the same time — it's one or the other. The cart is also not shown when using Kaching Bundles.

See Kaching Bundles for details.

Pre-checkout pages automatically display prices in the customer's local currency using Shopify Markets.

When customers click checkout, they're sent to Shopify's native checkout with:

From there, Shopify handles payment processing securely.

For advanced customization beyond the built-in options, you can inject custom CSS using the Scripts feature. Add a script that creates a style element:

The pre-checkout page uses a consistent pc- prefix on all class names. Here are the main classes available for styling overrides: