[    ](https://www.facebook.com/sharer/sharer.php?u=https://www.skvare.com/markdownify/node/452&title=A%20Better%20Way%20to%20Issue%20Membership%20Cards%20in%20CiviCRM "Share to Facebook") [    ](https://www.linkedin.com/sharing/share-offsite/?url=https://www.skvare.com/markdownify/node/452 "Share to Linkedin") [    ](mailto:?subject=A%20Better%20Way%20to%20Issue%20Membership%20Cards%20in%20CiviCRM&body=https://www.skvare.com/markdownify/node/452 "Share to Email") 

 

 

#  A Better Way to Issue Membership Cards in CiviCRM 

 CiviCRM CiviCRM Extensions Open-Source 

 

 

 For organizations that manage memberships, a physical or digital membership card is often one of the most tangible things a member receives. It signals belonging. It gets scanned at events, attached to welcome emails, and downloaded from member dashboards.

The challenge: generating those cards in CiviCRM has historically required a developer. Every layout change meant editing HTML and CSS by hand. There was no preview, no drag-and-drop, no easy way for staff to manage templates without technical help.

Skvare's new [Membership Card Designer extension](https://github.com/sunilpawar/membershipcard) changes that.

## What the Extension Does

The Membership Card Designer is a CiviCRM extension that lets administrators design, generate, and distribute membership cards without touching code.

The core of it is a visual designer built on [Fabric.js](https://fabricjs.com/). You drag elements onto a canvas, position them, adjust fonts and colors, and save a reusable template. When you're ready to generate cards, you can do it one at a time from a contact's membership tab or in bulk from a membership search.

Cards can be exported as PNG or PDF, attached to emails directly from a contact record, or made available for members to download from their dashboard.

## Key Features

**Visual drag-and-drop designer:** The template editor works like a basic design tool. Add text blocks, images, QR codes, or barcodes. Drag tokens from a panel on the left onto the card. Adjust fonts, colors, and positioning without writing CSS.

**Token support:** Cards pull in live data automatically. Supported tokens include contact name, membership type, membership status, start and end dates, membership ID, contact photo, and organization name and logo. A system token generates a QR code that links to a verification page.

**Two-sided cards:** Templates support front and back sides. You can toggle between them in the designer and copy elements across sides.

**Bulk generation and email attachment:** From a membership search, you can select records and generate cards in bulk. Cards can also be attached directly to emails sent from a contact record in CiviCRM, and to scheduled reminder emails.

**Member self-service:** A quick-generate URL lets members download their own current card from a member dashboard, with no admin involvement required.

**Card verification:** Each card can include a QR code that links to a verification page showing membership status. Useful for event check-ins and access control.

## How It Compares to the Previous Approach

Skvare built an earlier version of this functionality, `com.skvare.card`, several years ago. It worked, but every layout change required editing HTML and CSS directly. Adjusting positioning, fonts, or card content meant developer time, even for small tweaks.

The new extension replaces that with the visual designer. The same end result — a branded card with member name, ID, expiration date, and membership type — is now something a non-technical staff member can set up and maintain on their own.

## Why This Matters for Membership Organizations

For organizations managing hundreds or thousands of members, the ability to issue cards quickly, keep them accurate, and distribute them automatically saves real time.

When a new member joins and receives a welcome email with their card attached, that's a professional, on-brand touchpoint that didn't require a developer to set up. When a member renews and can download their updated card from their dashboard, that's one less support request.

The extension is available on GitHub at [github.com/sunilpawar/membershipcard](https://github.com/sunilpawar/membershipcard) and requires CiviCRM 5.60 or higher.

If you want to explore whether this extension is a fit for your organization, we can help. [Get in touch with Skvare](/lets-talk).

 

 

- [CiviCRM](/tags/civicrm)
- [CiviCRM Extensions](/tags/civicrm-extension)
- [Open-Source](/tags/open-source)