For the complete documentation index, see llms.txt. This page is also available as Markdown.

Components

The builder's component picker is organized into six groups. Foundational components are always present in every drawer and can't be removed; everything else is optional โ€” click Add, or drag it onto the canvas.

Builder layout: category rail, component picker, live preview

Foundational (always present)

Component
What it does

Drawer Header

The drawer's title bar and close control.

Cart Items

The list of products currently in the cart.

Subtotal

Running subtotal, shown above checkout.

Checkout Button

Takes the customer to Shopify checkout.

Empty Cart

What shows when the cart has nothing in it.

Grow order value

Component
What it does

Shows a progress bar toward free shipping, a free gift, or a tiered discount.

Suggests a discounted bundle of products, defined on a separate Bundles page.

Cart Recommendations

Shows hand-picked products that match what's already in the cart.

Gift Wrap

Lets the customer add a gift-wrap product to their order.

Shipping Protection

An opt-in fee covering store-handled replacement or refund for lost or damaged shipments.

Build trust

Component
What it does

Trust Signals

Payment, security, and returns badges.

Add urgency

Component
What it does

Countdown Timer

Counts down to the end of an offer.

Remove buying barriers

Component
What it does

Discount Code

A field for entering a discount code.

Order Note

Lets the customer add a note to their order.

Welcome Back

A message shown to returning customers.

Promote

Component
What it does

Announcement

A promotional message or banner inside the drawer.

Content blocks

Beyond the components above, you can drag in plain layout blocks anywhere in the drawer: Image, Rich text, Divider, Spacer, and Badge.

Last updated

Was this helpful?