Site Members: Creating and Managing Member Badges

Badges encourage member participation by rewarding milestones. You can create badges like "Coach" for those sharing insights or "Organizer" for group managers, helping members stand out. Badges can also grant access to restricted pages reserved for specific roles.

Before you begin:

1. Add Wix Members Area to your site.

2. Create member roles.

3. Create members-only pages or restrict existing pages on your site.

Creating member badges

Recognize your members with custom badges. For example, award badges to blog writers, or to people who help other members. Badges help members stand out and grant them access to exclusive content on your site. It's a great way to reward valuable contributions and create a tiered membership experience.

Dashboard

1. Go to Contacts in your site's dashboard.

2. Click Manage Member Access.

3. Click Create Badge.

1. Enter the badge info:

   • Badge name and Description: Enter a unique name and description to let everyone know what the badge is about.

   • Background color: Click the field and select a color for the badge background.

   • Text color: Click the field and select a color for the badge text.

   • Icon: Click Add Image under Icon and select an icon for your badge from the free vector art in the media manager or upload your own .svg file.

     Note: You can upload .svg files up to 250KB for member badges. We recommend that you use a simple icon with minimal details and colors so that it looks good at a size of 12px.

2. (Optional) Assign your badge to site members:

   1. Click the Members tab.

   2. Click Save in the pop up.

   3. Click + Assign Badge.

   4. Select the relevant site members.

   5. Click Assign.

3. (Optional) Set badge permissions:

   1. Click the Access tab.

   2. Enable the Badge access toggle.

   3. Click Manage Access to choose which member-only pages this badge grants access to.

   4. Select the checkboxes next to the relevant pages and badges.

4. Click Save.

Wix app

1. Go to your site in the Wix app.

2. Tap Manage

   

   at the bottom.

3. Tap Customers & Leads and select Contacts.

4. Click the More Actions icon

   

   next to the relevant contact.

5. Click Assign Badges or Manage Badges.

6. Click + Create New Badge at the bottom.

7. Set the badge info and design:

   • Badge Name and Description: Enter a unique name and description to let everyone know what the badge is about.

   • Icon: Click the Edit icon

     

     next to Badge Icon and select an icon for your badge from the free vector art in the media manager or upload your own .svg file.

     Note: You can upload .svg files up to 250KB for member badges. We recommend that you use a simple icon with minimal details and colors so that it looks good at a size of 12px.

   • Background Color: Click the field and select a color for the badge background.

   • Text Color: Click the field and select a color for the badge text.

8. Click Save.

Tip:

You can automatically assign badges to your members using Wix Automations. These automations help you focus on the bigger picture by managing smaller tasks for you. For example, you could automatically grant a "Certified Superstar" badge to a member who completes an online program when specific events occur.

Managing member badges

Update and customize your member badges. Edit existing badges, change their design, and remove old badges. Plus, adjust what site permissions these badges unlock, and grant access to new pages.

Dashboard

1. Go to Badges in your site dashboard.

2. Click the More Actions icon

   

   next to the relevant badge.

3. Choose what you want to do next:

Wix app

1. Go to your site in the Wix app.

2. Tap Manage

   

   at the bottom.

3. Tap Customers & Leads and select Contacts.

4. Click the More Actions icon

   

   next to the relevant contact.

5. Click Assign Badges or Manage Badges.

6. Select or deselect the checkboxes next to the relevant badges.

7. Click Save.

Wix Editor

Before you begin:

Make sure you've added the members list element to a page in your site.

1. Go to your editor.

2. Click Pages & Menu

   

   on the left side of the editor.

3. Select the relevant page in your site.

4. Click the members widget in your editor.

5. Click Settings.

6. Select the Badges tab.

7. Customize the badge layout:

   • Choose a layout: Choose if you want to show the name and icon, or only the icon or name.

   • Size: Choose if you want the badge to be small or large.

   • Corner radius: Drag the slider to increase or decrease the curve of the corners.

   • Text: Click the drop-down menu and select the font for the badge.

Studio Editor

Before you begin:

Make sure you've added the members list element to a page in your site.

1. Go to your editor.

2. Click Pages

   

   on the left side of the editor.

3. Select the relevant page in your site.

4. Click the members element in your editor.

5. Click Settings.

6. Select the Badges tab.

7. Customize the badge layout:

   • Choose a layout: Choose if you want to show the name and icon, or only the icon or name.

   • Size: Choose if you want the badge to be small or large.

   • Corner radius: Drag the slider to increase or decrease the curve of the corners.

   • Text: Click the drop-down menu and select the font for the badge.

Managing member badges from your live site

Assign roles to your members to help manage member badges. Members with roles can handle badges directly from your live site. For example, you can make a trusted member a back-office manager, which lets them give badges to other members. This helps build a strong community, keeps your site active, and saves you time and energy.

Before you begin:

• Add the members list element to one of your site pages, set the list to "public", and publish your site to update its live version.

• Assign roles to your members to help manage member badges.

To manage member badges from your live site:

1. Go to your live site and log in.

2. Go to the Members page.

3. Click the More Actions icon

   

   next to the relevant member.

4. Click Assign Badges.

5. Select the checkbox next to each badge you would like to assign to the member.

6. Click Save.