Cart Membership Upsell Widget - Yuko Documentation

Where to find this: Shopify admin → Apps → Yuko Loyalty → Memberships → Widgets → Cart Membership Upsell

Introduction

Show membership plans on the cart page. Customers see how much they could save with the plan compared to their current cart.

What problem this solves

The cart is the highest-intent screen on your storefront. Showing the membership offer there — with the value calculated against the actual cart — turns one-time buyers into members at the most decisive moment.

Where it appears

Cart page or cart drawer.

When to use

You’ve launched at least one membership plan.
You want to convert one-time buyers into members during checkout.

Overview

Renders on the cart page via theme app block.
Surfaces the most relevant plan based on cart value.
One-click add the plan to cart.
Customer becomes a member after checkout completes.

Before you start

Yuko app is installed on your Shopify store.

Your loyalty program is enabled.

The widget is set to Active in Shopify admin → Apps → Yuko Loyalty → Loyalty → Widgets.

Your active Shopify theme supports Online Store 2.0 app blocks.

At least one membership plan is published.

Setup guide

1. Configure in Yuko

Open the widget settings

Go to Apps → Yuko Loyalty → Memberships → Widgets → Cart Membership Upsell.

Pick which plans to show

By default, the widget shows the most relevant plan. You can pin a specific plan instead.

Customise copy

Set the heading, subheading and CTA label.

Activate

Toggle the widget Active.

Open the Theme Editor

In your Shopify admin, go to Online Store → Themes, find your active theme, and click Customize.

Pick the right template

Use the template selector at the top to open the page where this widget should appear (Product, Cart, etc.).

Add the Yuko app block

Click Add block in the section where you want the widget. Under Apps, select the Yuko block listed for this widget.

Position and save

Drag the block to your preferred position and click Save.

Pick the Cart template (and the cart drawer if applicable). Place the widget near the cart total.

3. Verify

Add products to your live cart and confirm the widget renders with the correct plan suggestion.

How it works

Reads cart contents and the customer’s existing memberships.
If the customer is not a member, surfaces the most valuable plan to upsell.
Clicking the CTA adds the plan to cart.
The customer becomes a member after checkout completes.

Decision guidance

Lead with annual plans if you want commitment.
Lead with monthly plans if you want quick conversion.
Pin a specific plan if you’re running a launch promo.

Limitations

The customer must add the plan to cart and check out to start the membership.
Plan visibility depends on the plan being published in Memberships → Plans.

Examples

“Become a Yuko VIP — free shipping + 10% off this order, $9.99/mo” with an Add to cart button.

Best practices

Quote the saving on the current cart in the widget copy — it makes the value concrete.

Test on mobile. Cart widgets get tight on small screens.

FAQs

What if the customer is already a member?

The widget hides itself for active members.

Can I A/B test which plan is shown?

Not in v1. The widget uses a single rule per store.