MEMBERSHIP CARDS

USAGE & SCOPE

The Membership Cards widget displays all WooCommerce Memberships for the current user as individual cards. You can choose to display memberships of all statuses, or filter for selected statuses only.

Each card can show:

• Membership name (plan)
• Status (optionally displayed as a badge, with status-specific CSS class)
• Expiry date (or next renewal date if the membership is linked to a WooCommerce Subscription)
• Start date
• Optional description
• Optional icon

You can add custom prefix and suffix text before or after each value.

DESCRIPTION

This widget is designed to present a clear, card-based view of user memberships. The data is always fetched for the currently logged-in user.
For each membership, you can choose which fields to display. The status badge automatically uses a status-based CSS class (for example: .membership-status-badge--expired, .membership-status-badge--active), allowing easy styling based on membership status.

If the membership is connected to a WooCommerce Subscription, the expiry field will show the next renewal date automatically.

USAGE INSTRUCTIONS

1. Place the widget on any template or page where you want to display the user’s memberships.
2. Choose which statuses to display (e.g. show only “active” and “on-hold”, or all statuses).
3. Select which fields appear on each card (plan name, status, expiry date, start date, description, icon).
4. Set prefix/suffix text for each field as desired (e.g. “Valid until:”, “Plan:”).
5. Customize appearance with your own CSS for card layout and status badges if needed.

NOTES

• All data is pulled from the current (logged-in) user’s WooCommerce memberships.
• Prefix and suffix settings let you fully customize the appearance of field labels and values.
• Status badges can be styled differently via their CSS class for each status.
• In future versions, cards can include order-related data and can link to membership details in the “My Account” area.