Profile Membership Widget

Where to find this: Shopify admin → Apps → Yuko Loyalty → Membership → Widgets → Profile: Membership

Introduction

The Profile: Membership widget shows a customer’s membership in their Shopify customer account and lets them manage it themselves. It’s the Yuko Profile membership management customer account UI extension block, not a theme block.

What problem this solves

Members want to know what they’re paying for, when they renew, and how to change plans. A self-serve card answers those questions and handles plan changes without a support ticket.

Where it appears

The Profile page in Shopify customer accounts (customer-account.profile.block.render).
The Orders page in Shopify customer accounts (customer-account.order-index.block.render).

Overview

Shows the current plan, price, renewal date and benefits.
View rewards opens a modal with the rewards issued by the membership.
Manage opens plan cards where the member can Upgrade, Downgrade (if allowed) or Cancel. The current plan’s card also has an Update payment method button that gets the member a secure link to change their card.
Customers without a membership see the No membership text.
Text fields only. The block uses Shopify’s customer account styling.

Before you start

At least one plan exists in Membership → Plans.

Your store uses Shopify’s new customer accounts (Settings → Customer accounts).

To let members move to a lower plan, turn on Show downgrade option to customers in Membership → Plans → Membership Settings.

Setup guide

Open the widget

Go to Membership → Widgets and click Customize on Profile: Membership.

Manage paid membership

Field	Default
Title	`Your Membership`
No membership text	`No active membership`
Subscription renews	Use `[renewal_date]` for the membership renewal date, for example `Renews: [renewal_date]`.
Manage button	`Manage`
Manage modal title	`Manage membership`
Active badge label	`Active`
Upgrade button	`Upgrade`
Downgrade button	`Downgrade`
Benefits list title	`Benefits`
Benefits more label	`more` (as in “+5 more”)

Rewards

Field	Default
View rewards button	`View rewards`
Rewards modal title	`Your Rewards`
No rewards text	`No active rewards found.`
Reward expires text	`Expires on [discount_expiry_date]`
Load more button	`Load more`
Cancel button	`Cancel`

Pricing labels

Monthly interval label (month) and Yearly interval label (year).

Confirmation and progress text

Cancel membership confirmation: Title (Cancel membership), Description (If you cancel your membership you will lose your benefits immediately. Canceling a membership cannot be undone.), Close button (Close), Cancel button (Cancel membership).
Upgrade membership confirmation: Title (Upgrade membership), Description (You are about to upgrade your membership.).
Downgrade membership confirmation: Title (Downgrade membership), Description (You are about to downgrade your membership.).
Action in progress: In progress text (Your membership change is being processed. This may take a few moments.), shown while a purchase, cancellation, upgrade or downgrade is processed.

Save and enable

Click Save, then switch the widget on with the toggle on its card in Membership → Widgets.

2. Add the block in the customer accounts editor

Open the Customer Accounts editor

In your Shopify admin, go to Settings → Customer accounts and click Customize.

Open the right page

Use the page selector at the top to open the page where the block should appear (Order status, Orders, or Profile).

Add the Yuko app block

Click Add app block and choose the Yuko block for this widget (for example Yuko Order status earned points, Yuko Order index points display or Yuko Profile loyalty program).

Position and save

Position the block where customers will see it and click Save.

Customer account blocks only work with Shopify’s new customer accounts. Check that they’re turned on in Settings → Customer accounts.

On the Profile page (and the Orders page if you want it there too), add the Yuko Profile membership management block. See Customer Account Extension.

3. Verify

Log in as a member and open your profile. Check the plan, renewal date and benefits, then open Manage to see the plan options.

How it works

The block reads the customer’s active membership. Without one, it shows the No membership text.
Manage lists your plans in the order set on the Plans tab:
- Plans after the member’s current plan show Upgrade.
- Plans before it show Downgrade, but only if Show downgrade option to customers is on.
Upgrade and downgrade move the member’s existing Shopify subscription to the new plan and its price.
Cancel cancels the subscription in Shopify. The membership tags are removed and benefits end.
While a change is processing, the block shows the In progress text.

Limitations

Works only with Shopify’s new customer accounts.
The look follows Shopify’s customer account styling.

Best practices

Order your plans from lowest to highest on the Plans tab, so upgrade and downgrade labels make sense.

Keep the cancel description honest. It’s the last thing a member reads before cancelling.

FAQs

Can members cancel on their own?

Yes. Manage → Cancel cancels their membership after a confirmation step. You can also cancel from Membership → Members.

Why don't members see a Downgrade option?

Turn on Show downgrade option to customers in Membership → Plans → Membership Settings.

Cart Membership Upsell

Promote your plan in the cart drawer or cart page.

Checkout Membership Upsell

Offer your plan inside Shopify Checkout (Shopify Plus).