Components
Last updated
Was this helpful?
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.

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.
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.
Trust Signals
Payment, security, and returns badges.
Countdown Timer
Counts down to the end of an offer.
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.
Announcement
A promotional message or banner inside the drawer.
Beyond the components above, you can drag in plain layout blocks anywhere in the drawer: Image, Rich text, Divider, Spacer, and Badge.
Reward Ladder and Bundle Offers apply real discounts at checkout. The first time you add either one, the builder prompts you to grant PageFly additional Shopify permissions (read/write_cart_transforms, read/write_discounts). Until you grant them, the component previews in the builder but won't actually discount anything for real customers. See Reward Ladder and Bundle Offers for details.
Last updated
Was this helpful?
Was this helpful?