> ## Documentation Index
> Fetch the complete documentation index at: https://docs.yuko.so/llms.txt
> Use this file to discover all available pages before exploring further.

# Checkout Membership Upsell Widget

> Promote membership plans inside Shopify Checkout via the Checkout UI extension.

<Note>
  **Where to find this:** Shopify admin → Apps → Yuko Loyalty → Memberships → Widgets → Checkout Membership Upsell
</Note>

## Introduction

Show membership plans inside Shopify Checkout itself, via a Checkout UI extension. Customers can join the program at the moment of purchase.

## What problem this solves

If a customer didn't add the membership in cart, you've still got one more chance at checkout. The Checkout extension catches those last-second conversions.

## Where it appears

* Shopify Checkout (information / shipping / payment pages).

## When to use

* You're on Shopify Plus or a plan with Checkout Extensibility.
* You already run the Cart Membership Upsell and want a second touchpoint.

## Overview

* Renders inside Shopify Checkout via the Checkout UI extension.
* Surfaces the most relevant plan based on the order.
* Plan-gated by Shopify.

## Before you start

<Check>Yuko app is installed on your Shopify store.</Check>
<Check>Your loyalty program is enabled.</Check>
<Check>The widget is set to **Active** in **Shopify admin → Apps → Yuko Loyalty → Loyalty → Widgets**.</Check>
<Check>Your active Shopify theme supports Online Store 2.0 app blocks.</Check>

<Check>Your Shopify plan supports Checkout Extensibility.</Check>
<Check>The Checkout UI extension has been activated — see [Activate the Checkout UI Extension](/installation-and-setup/checkout-ui-extension).</Check>
<Check>At least one membership plan is published.</Check>

## Setup guide

### 1. Configure in Yuko

<Steps>
  <Step title="Open the widget settings">
    Go to **Apps → Yuko Loyalty → Memberships → Widgets → Checkout Membership Upsell**.
  </Step>

  <Step title="Customise copy">
    Set the heading and CTA.
  </Step>

  <Step title="Activate">
    Toggle the widget **Active**.
  </Step>
</Steps>

### 2. Add the widget in Shopify Checkout

<Steps>
  <Step title="Open the Checkout Editor">
    In your Shopify admin, go to **Settings → Checkout → Customize**.
  </Step>

  <Step title="Add the Yuko Checkout extension">
    In the editor, click **Add app block** in the section where you want the widget. Choose the relevant Yuko Checkout extension.
  </Step>

  <Step title="Position and save">
    Drag the block to its final position in the checkout and click **Save**.
  </Step>
</Steps>

<Info>
  Checkout UI extensions require **Shopify Plus** or a checkout-eligible plan. See [Theme compatibility & requirements](/getting-started/theme-compatibility).
</Info>

Place the widget near the order summary.

### 3. Verify

Proceed to a test checkout and confirm the upsell renders.

## How it works

1. Shopify renders the Yuko Checkout Membership Upsell extension at checkout.
2. The extension fetches the most valuable plan to surface.
3. The customer can add the plan to the order with one click.

### Decision guidance

* **Don't double up** — if you have the Cart Upsell, the Checkout Upsell is your last-chance fallback. Don't make it pushy.

### Limitations

* Requires Checkout Extensibility (Shopify Plus / eligible plans).
* Visual customisation is constrained by Shopify's extension surface.

## Examples

* *“Add Yuko VIP for $9.99/mo and save $5 on this order.”*

## Best practices

<Tip>**Test in a real checkout preview.** Shopify caches checkout aggressively.</Tip>

## FAQs

<AccordionGroup>
  <Accordion title="My checkout doesn't show the widget">
    Confirm Checkout Extensibility is enabled and the extension is added in the Checkout Editor.
  </Accordion>

  <Accordion title="What if the customer is already a member?">
    The widget hides itself.
  </Accordion>
</AccordionGroup>

## Related

<CardGroup cols={3}>
  <Card title="Cart Membership Upsell" icon="cart-plus" href="/memberships/widgets/cart-membership-upsell">
    Promote plans on the cart page.
  </Card>

  <Card title="Checkout Membership Upsell" icon="cash-register" href="/memberships/widgets/checkout-membership-upsell">
    Upsell plans inside Shopify Checkout.
  </Card>

  <Card title="Profile Membership" icon="user" href="/memberships/widgets/profile-membership">
    Show plan status in the customer profile.
  </Card>
</CardGroup>

<CardGroup cols={2}>
  <Card title="Book a Free Setup Call" icon="phone" href="https://cal.com/rameshelamathi/yuko-demo">
    Talk to our team for personalised setup help.

    **Time:** 30 minutes
  </Card>

  <Card title="Contact Support" icon="life-ring" href="https://yuko.so/support/">
    Visit our support hub for help articles, live chat and ticket submission.
  </Card>

  <Card title="Browse the Guides" icon="book" href="/getting-started/welcome">
    Documentation across loyalty, referrals, memberships and more.
  </Card>

  <Card title="Install Yuko" icon="shop" href="https://apps.shopify.com/yuko">
    Add Yuko to your Shopify store from the Shopify App Store.
  </Card>
</CardGroup>