Create Your First Content Block
The Content Builder lets you add custom content blocks to your Checkout, Thank You, and Order Status pages — things like announcement banners, trust badges, image banners, countdown timers, reviews, and more. Each block you create goes through three steps: Build, Targeting, and Save.
Getting Started
From the sidebar, navigate to the content section for the page you want to customize:
Click Create Content Block (or choose a template from the template library) to open the builder.
Step 1: Build
The Build step is where you design your content block using a visual drag-and-drop editor.
The Component Menu
On the left side of the builder, you'll find the Component Menu — a categorized library of all available components. Components are organized into these categories:
You can search across all components by name or description using the search bar at the top of the menu.
Adding Components
To add a component to your block:
When dragging, a position indicator shows exactly where the component will be inserted — including inside layout columns or nested containers.
Editing Components
Click any component in the preview to select it. The left panel switches to a property editor showing all configurable options for that component — text content, colors, fonts, sizing, alignment, corner radius, and more.
Each component has its own set of properties. For example:
Layout Components
Use Layout components (like Columns) to create multi-column designs. Drag other components into the individual column zones to build side-by-side layouts.
Collapsible sections (accordions) let you create expandable/collapsible content areas — great for FAQs or additional product details.
Dynamic Tokens
Many text components support dynamic tokens — placeholders that automatically fill in with real data at checkout. Click the { } button in any text field to insert tokens like:
{{customer.firstName}} — the customer's first name{{order.total}} — the order total{{shipping.country}} — the shipping country{{store.name}} — your store name{{discounts.savings}} — total discount savings{{date.current}} — today's dateThank You and Order Status pages have additional tokens like {{order.number}}, {{order.confirmationNumber}}, and {{order.processedAt}}.
Preview Modes
Toggle between Desktop and Mobile preview using the device switcher in the header bar. This lets you see exactly how your block will look on each device.
Using the Template Library
Instead of building from scratch, you can start from a pre-built template. When creating a new content block, the template library is available with ready-to-use designs organized by:
Categories:
Industries (16 options):
Animals & Pet Supplies, Apparel & Accessories, Arts & Entertainment, Baby & Toddler, Electronics, Food & Beverage, Health & Beauty, Home & Garden, and more.
Use Cases:
Sales & Promotions, Reviews & Social Proof, Information & Alerts, Trust, Social Media, Urgency
Select a template, and it loads directly into the builder with all components pre-configured. You can then customize any part of it — change text, swap images, adjust colors, or add/remove components.
Step 2: Targeting
The Targeting step controls who sees your content block and when it appears. Click Next in the builder to move to this step.
Audience Targeting
Choose between two modes:
Targeting Conditions
When using conditional targeting, you build rules from 30+ available fields organized into these categories:
Customer:
Customer Tag, Email, First Name, Last Name, Order Count, New Customer, Logged In Status
Order:
Order Total, Product Count, Has Subscription, Has Gift Card
Products in Order:
Specific Product, Collection, Product Title, Variant Title, Product Tag, Product Vendor, Product Type
Shipping Address:
Country, Province/State, City, Postal Code
Markets:
Market, Currency Code
Discounts:
Applied Discount Code, Total Savings
Traffic Source:
UTM Source, UTM Medium, UTM Campaign, UTM Content, UTM Term
Integrations (when connected):
Klaviyo Lists/Segments, Recharge Subscriber Status, Loyalty Tier, Mailchimp Audiences, Postscript SMS Status
Each field uses appropriate operators:
Match Type
When you have multiple conditions, choose how they combine:
Device Targeting
Restrict your block to specific devices:
Scheduling
Optionally set a schedule to control when the block appears:
This is useful for flash sales, weekend promotions, or time-limited announcements.
Step 3: Save
The final step lets you:
Click Save to store your block.
Adding Your Block to Checkout
After saving, your block appears in the content list with a status indicator:
To activate your block, click the "Add to Checkout" button. This opens a modal that walks you through deploying the block to your checkout page via the Shopify theme editor.
You can also Edit, Duplicate, or Delete any block from the list view using the action menu.