Skip to main content

How to set-up your badges

Alex Thompson
  • Updated

Badges are a great way of visually linking related content to help your users find what they need. Here's how to set them up.

This article contains the following sections:

First, head to the cog in the top right-hand corner of the page and select Settings. On this page, scroll down to the Structure header where you will find the Badges tile.

Screenshot_2020-11-25_at_11.12.31.png

Select 'New Badge' to begin creating your own custom badges. In the badge editor, you will be able to name the badge (maximum number of characters is 100) and give it an optional description.
 
Next, you can choose a colour using one of our accessibility tested preset colour schemes, or by selecting a custom colour combination.
 
 
You can also upload an image to use as the background of the badge. This should be less than or equal to 4096 x 4096 pixels and in a long landscape format.
 

Branded Badges

You have the option to add both a logo and a Call to Action (CTA) to a badge; doing so converts the badge into a Branded Badge.

When uploading a logo, make sure that the image is less than 4096 x 4096 pixels and in a squared format. The button URL will open in a new tab when clicked, whilst the CTA will inherit your Community's primary colour as its background.

Branded Badges are displayed separately from regular badges, in the sidebar on the right-hand side of the content page. Please note that if you have inserted an image as the background of the badge, this will not be displayed on a Branded Badge.

Branded Badges will also be displayed separately in the authoring page, and will be denoted as a Branded Badge in Badge Settings.

Associate a badge to a group

In the editor, you will also find the option to link the badge to a specific group on your community. Note that this will cause the badge to appear on all content posted by members of the group you have selected.

Moreover, it will be greyed out in the authoring edit page when members of the group are creating content, showing them that their content will be badged but stopping the user from disabling the badge. Make sure that you’re happy for this to happen before you save the badge.

Screenshot_2020-11-25_at_11.21.37.png

Adding badges to content

Once you have created one or more badges, you will be able to add them to your content from the authoring page; it is possible to add badges to post, video and document content.

Badges - including Branded Badges - will be displayed on content cards, whilst regular badges will also be displayed at the top of the content page (Branding Badges are displayed separately).

Note that whilst you can add as many badges as you like to a piece of content, we can only display up to 4 on the content card.

Reordering & Deletion

You have the ability to create as many badges as you want on your Community. If your list of badges is getting rather long, you may wish to reorganise them to ensure that certain badges appear at the top of the Badges tab in the authoring sidebar.

To do this, drag the badges up or down using the slider icon to the left of the badge name. This will reorder them automatically so no need to worry about remembering to hit save!

mceclip2.gif

If you have more than one page of badges and wish to move them between pages, click the three dots next to the badge and select 'Reorder'. This will enable you to move the badge to the very top of the order, or you can select a custom position by choosing the item it should be displayed under.
If you would like to delete a badge, you can do so by clicking the three dots to the right of the desired badge and selecting Delete, which will present you with a confirmation modal to ensure that the badge is not deleted in error.
 
mceclip1.png
 

The Premium badge

The Premium badge will always appear at the top of the Badges Settings page, where you will be presented with the same configuration options as the regular custom badges.

This badge will be added to all content that is marked as premium, which means that users must be signed-in to your site in order to be able to access it and is an effective means of driving registration to your site.

If you would prefer the premium badge not to be displayed on content that is marked as premium on your site, you can configure this from your Authoring Settings.

Screenshot_2022-02-14_at_14.07.36.png

To see the badge in action, head to an item of content and select the 'Quick Edit' button at the top of the page, where you will find the option to mark the content as premium.

mceclip0.gif

Any questions? Let us know as support@zapnito.com or drop a comment below this article.

Related articles

Comments

4 comments

Date Votes
  • Robert Gates

    Is there a way to create walled-off premium content on a site that already requires every user to be logged in to access any content?

    0
  • Alex Thompson

    Hey Bob. You can achieve this by configuring the groups on your site to restrict access to premium content to solely those that you wish to be able to view it, using the 'Access premium content' ability.

    Let me know if you have any questions around how to set this up?

    1
  • Robert Gates

    Got it. This is VERY helpful. It is appreciated. Is there any way to "wall-off" a premium post to a small subset of users and then "wall-off" a different premium post to a different subset of users?

    0
  • Alex Thompson

    Unfortunately it's not possible to do this on a post-by-post basis. A group can either access all of the premium content on the site or none of the premium content on the site.

    You could instead utilise private rooms to wall-off content, and invite the users that you would like to be able to view the content to the room as members/contributors.

    1

Please sign in to leave a comment.