Docs/Summer Upsell/Theme app blocks

Reference

Theme app blocks

Summer Upsell ships eleven theme app extension blocks. The app embed must be enabled for any block to render.

Field Description
Summer Upsell (app embed) Target: head. Loads summer-widgets.js. Required for all widgets — enable once in App embeds.
✨ Summer: Upsell Target: section. Templates: Product. Renders Single Upgrade / Tier Comparison / Inline Banner campaigns.
✨ Summer: Cross-sell Target: section. Templates: Product. Renders Cross-sell Grid / Stack / Carousel campaigns.
✨ Summer: FBT Bundle Target: section. Templates: Product. Renders Classic FBT campaigns.
✨ Summer: FBT FullWidth Target: section. Templates: Product. Renders FBT Full Width campaigns.
✨ Summer: Bundle FBT Target: section. Templates: Product. Renders Amazon-style Bundle campaigns.
✨ Summer: Popup Upsell Target: section. Templates: Product. Fires Popup campaigns on Add-to-Cart.
✨ Summer: Product Add-on Target: section. Templates: Product. Renders Product Add-on List / Card / Toggle campaigns.
✨ Summer: In-Cart Upsell Target: section. Templates: Cart. Renders the inline in-cart carousel.
Summer: Cart Popup Target: body. Templates: Cart. Intercepts Checkout clicks and shows Cart Popup campaigns.
Summer: Post-Purchase Target: section. Templates: Order status / Thank-you. Renders Post-Purchase campaigns.

Blocks are added through Online Store → Themes → Customize → Add block. Most blocks have no merchant-configurable settings — the campaign configuration in the app admin drives everything.

Blocks that don't live in the theme editor

Two surfaces sit outside the theme, so you won't find them under Add block:

Field Type Description
Summer: Post-Purchase Block Checkout / customer account extension Targets purchase.thank-you.block.render and customer-account.order-status.block.render. Added from Settings → Checkout → Customize. See Post-purchase upsell.
Discount function Shopify Function Registered automatically when the app is installed. Applies campaign discounts at checkout. Nothing to add or configure in the theme — see Discounts.

Previous

Permissions & scopes

Next

App proxy