A popup appears the moment a customer clicks your link, right on the way to checkout. It's fast and lightweight — not a full landing page — and it's the ideal spot to confirm a variant, add an upsell, or share a quick message before the customer continues to Shopify checkout.
You build popups using the block editor. Each section of the page is a block that you can add, remove, reorder, and customize.
Why Use Popups?
Sending customers straight to checkout works great for simple offers. A popup adds a fast, high-intent moment just before they pay — without slowing them down:
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 Popup
Popups are enabled per link, not globally. To turn one on:
Open a checkout link in the link editor
Toggle Popup on
Click Edit to open the block editor
When a customer visits this link, they'll see your popup instead of going straight to Shopify checkout.
The Block Editor
The block editor is where you build your popup. 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 popup 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 | |
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, 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.
Templates
Templates give you a ready-made popup for common scenarios. Click the templates icon in the editor header to browse them, pick one, walk through a short wizard, and hit Apply. The template replaces the current blocks — and for some templates, also configures the link's promotions.
Available templates:
Influencer gifting — a gifting page with a 100% discount and free shipping applied automatically
Templates only generate starting content — every block stays fully editable after you apply one.
Color Scheme
Use the Color scheme setting in the document settings to change the overall look of your popup.
Multi-Currency Support
Popups automatically display prices in the customer's local currency using Shopify Markets.
Tips
Keep it focused — a popup 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.