> ## 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.

# Profile Membership Widget

> Show the customer's membership status, benefits and renewal date inside their profile.

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

## Introduction

Show the customer's active membership status — plan name, benefits, renewal date — on their storefront profile.

## What problem this solves

Members want to see what they're paying for and when the next renewal is. Surfacing it on the profile reduces *“when does my membership renew?”* support tickets.

## Where it appears

* The customer's profile page on the storefront.
* Also embedded in the Customer Account hub when membership is active.

## When to use

* You've launched at least one membership plan.
* You want active members to see their plan status.

## Overview

* Renders on the customer profile via theme app block.
* Shows plan name, benefits, renewal date.
* Hides itself for non-members.

## 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>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 → Profile Membership**.
  </Step>

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

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

### 2. Add the widget to your theme

<Steps>
  <Step title="Open the Theme Editor">
    In your Shopify admin, go to **Online Store → Themes**, find your active theme, and click **Customize**.
  </Step>

  <Step title="Pick the right template">
    Use the template selector at the top to open the page where this widget should appear (Product, Cart, etc.).
  </Step>

  <Step title="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.
  </Step>

  <Step title="Position and save">
    Drag the block to your preferred position and click **Save**.
  </Step>
</Steps>

Pick the **Customer profile** template.

### 3. Verify

Log in as a member and confirm the widget renders with the active plan and renewal date.

## How it works

* Reads the customer's active contract.
* Renders plan name, benefits and renewal date.
* Hides for customers without an active contract.

### Decision guidance

* **Always include the renewal date.** It's the highest-leverage detail for support deflection.

### Limitations

* Member-only — hidden for non-members.

## Examples

* *“Yuko VIP — renews on May 12, \$9.99/mo”* with a list of benefits below.

## Best practices

<Tip>**Pair with the Customer Account hub** so members have one consistent place to manage their plan.</Tip>

## FAQs

<AccordionGroup>
  <Accordion title="Where does cancel happen?">
    Customers contact support, or you handle cancellations from **Memberships → Contracts**. Customer-side self-cancel is not exposed in v1.
  </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>