A pre-checkout page is a branded landing page that appears before customers reach Shopify checkout. Instead of going straight to checkout, customers see a page where they can browse products, adjust their cart, and review their order — all before committing to purchase.
You build pre-checkout pages using the block editor. Each section of the page is a block that you can add, remove, reorder, and customize.
Why Use Pre-Checkout Pages?
Sending customers directly to checkout works great for simple offers, but pre-checkout pages unlock more powerful scenarios:
Upsell products — Show additional products the customer can add to their cart
Display promotions — Show tiered promotions and how close the customer is to the next reward
Give customers control — Let them adjust quantities, pick variants, or remove items
Build excitement — Create a more engaging experience than a bare checkout page
Bundle selling — Display product bundles with savings
How to Enable a Pre-Checkout Page
Pre-checkout pages are enabled per link, not globally. To turn one on:
Open a checkout link in the link editor
Toggle Pre-checkout page on
Click Edit page to open the block editor
When a customer visits this link, they'll see your pre-checkout page instead of going straight to Shopify checkout.
The Block Editor
The block editor is where you build your pre-checkout page. You'll see two panels:
Left panel — Your block list. This is where you add, remove, reorder, and configure blocks.
Right panel — A live preview that updates in real time as you make changes.
Available Blocks
Every pre-checkout page is made up of blocks. Some are always present, others are optional:
Block | What It Does | Required |
Store logo or name at the top of the page | Yes | |
Product grid with variants and discounts | No | |
Line items in the cart with quantity controls | Yes | |
Subtotal, shipping, and total | Yes | |
Button to proceed to Shopify checkout | Yes | |
Link to skip the offer | No | |
Consent checkbox before checkout | No | |
Bundle deals from the Kaching Bundles app | No | |
Heading and paragraph text | No | |
Image or banner | No | |
Highlighted message box | No |
Required blocks are always on the page and cannot be deleted. Optional blocks can be added and removed as needed. You can add multiple instances of Products, Text, Media, and Callout blocks — the rest are limited to one per page.
Click on any block name above to learn more about its settings and options.
Adding Blocks
Click the Add block button at the bottom of the block list. A menu appears showing available blocks with a short description of each. Click a block to add it to your page.
Blocks that only allow one instance won't appear in the menu if they're already on your page.
Reordering Blocks
Drag and drop blocks in the block list to change their order. Some blocks have fixed positions:
Header and Cart items stay at the top
Consent automatically positions itself before the Checkout button
Other optional blocks go above Cart summary
Hiding Blocks
Hover over a block in the block list to reveal a visibility toggle. Click it to hide the block from the page without deleting it. Hidden blocks keep their settings — toggle them back on whenever you need them.
Deleting Blocks
Hover over an optional block and click the delete button to remove it. Required blocks cannot be deleted.
Color Scheme
Use the Color scheme setting in the document settings to change the overall look of your pre-checkout page.
Multi-Currency Support
Pre-checkout pages automatically display prices in the customer's local currency using Shopify Markets.
Tips
Keep it focused — a pre-checkout page with too many blocks can overwhelm customers. Start with the essentials and add blocks as needed.
Test on mobile — most customers will see your page on their phone. Make sure it looks good on smaller screens.
Use the live preview — changes update in real time, so experiment freely before saving.
Combine with discounts — pair a Products block with automatic discounts for a compelling upsell experience.
The Checkout
When customers click the checkout button, they're sent to Shopify's native checkout with:
All selected products and quantities
All promotions automatically applied
Customer information pre-filled (if provided via dynamic link parameters)
Attribution data attached for tracking
From there, Shopify handles payment processing securely.