Badgify Comments - HL Vanilla Community
<main> <article class="userContent"> <p>The <strong>Badgify Comments</strong> addon allows you to assign <em>custom badges</em> to specific discussions in your <strong>Higher Logic Vanilla</strong> (<strong>Vanilla</strong>) community. These badges make it easy for you to reward users who comment in these discussions, thereby encouraging engagement.</p><p>The badges are <em>created within</em>, and are <em>unique to</em>, a discussion. Once this is done, you can then set whether the badges:</p><ul><li>are automatically awarded to the commenting user or</li><li>require Admin review and approval (refer to the <em>Award manually </em>section, below).</li></ul><h2 data-id="badge-availability">Badge availability</h2><p>Badges are unique to each discussion; in other words, only badges <em>created within a discussion</em> can be awarded for commenting <em>in</em> that discussion.</p><ul><li>You cannot assign an existing badge to a discussion.</li><li>You cannot assign a badge that was created in a different discussion.</li></ul><h2 data-id="prerequisites">Prerequisites</h2><p>The following are required before you can add badges to a discussion:</p><h3 data-id="addons">Addons</h3><ul><li>The <strong>Badgify Comments</strong> addon must be enabled, but this can only be done by Vanilla staff. Contact Vanilla Support for assistance.</li><li>The <strong>Badges </strong>addon must <em>also </em>be enabled. You can do so in the Dashboard, on the <strong>Settings > Addons > Addons </strong>page.</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/TWUIFJ4A7W83/badges-addon-enabled-small.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/TWUIFJ4A7W83/badges-addon-enabled-small.png" alt="Badges addon-enabled_small.png" height="126" width="857" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="permissions">Permissions</h3><ul><li>A user must have the <code class="code codeInline" spellcheck="false" tabindex="0">Reputation > Badges > Give</code> permission in order to create a badge within a discussion, as well as manage badge requests (more on this in the <strong>Award Manually</strong> section of the article) . To edit a Role's permissions, access the Dashboard and navigate to <strong>Settings > Membership > Roles & Permissions</strong>. See <a href="https://success.vanillaforums.com/kb/articles/39" rel="nofollow noreferrer ugc">Roles & Permissions</a> for more information.</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/DQPGNJIYN5KA/badge-give-permission.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/DQPGNJIYN5KA/badge-give-permission.png" alt="Badge-Give permission.png" height="79" width="720" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="create-a-badgify-comment-badge-for-a-discussion">Create a Badgify Comment badge for a discussion</h2><p>With the above prerequisites in place, let's learn how to create a badge for a specific discussion.</p><p>1. Navigate to the discussion.</p><p>2. Click the <strong>ellipsis (...) </strong>at the top right, followed by <strong>Add a Badge</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/Z2RN6PMWBK02/add-badge-to-discussion.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/Z2RN6PMWBK02/add-badge-to-discussion.png" alt="add_badge_to_discussion.png" height="519" width="1157" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>3. Configure the badge with the options below:</p><ul><li><strong>Name</strong> - Give the badge a unique name.</li><li><strong>Slug</strong> - Do not modify the default text; this is needed to ensure the badge is added to user accounts.</li><li><strong>Description</strong> - Provide a description.</li><li><strong>Points</strong> - Specify the number of points this badge awards to users; the default is <strong>2</strong>.</li><li><strong>Badge Class / Badge Class Level </strong>- Leave the Badge Class as <strong>Commenter </strong>and Badge Class Level as <strong>1</strong> to ensure that the badge is automatically awarded.</li><li><strong>Add Image</strong> - Add a custom image (either a square or circle) to the badge.</li></ul><p><strong>🛑 IMPORTANT</strong>: DO NOT modify the <strong>Slug</strong>, <strong>Badge Class</strong>, or <strong>Badge Class Level</strong> fields. Leave the default text in place or the badge will not automatically be awarded.</p><p>4. When finished, click <strong>Save</strong>. Now, each user who comments in the discussion will be automatically awarded the badge.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/WZYG4DB1LCA6/add-badge-to-discussion-2.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/WZYG4DB1LCA6/add-badge-to-discussion-2.png" alt="add_badge_to_discussion-2.png" height="781" width="1030" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="manage-your-badgify-comment-badges">Manage your Badgify Comment badges</h2><p>You can enable, disable, and delete your Badgify Comment badges on the <strong>Manage Badges</strong> page.</p><ol><li>Access the Dashboard.</li><li>Navigate to <strong>Settings > Membership > Badges</strong>.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/7NKV1EMMYK1Y/access-badges-page.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/7NKV1EMMYK1Y/access-badges-page.png" alt="access_badges_page.png" height="600" width="1036" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>From here, you'll see a list of all of your community's badges, including the out-of-the-box badges, any custom badges, and any Badgify Comment badges you've created.</p><p>For your Badgify Comment badges, click the:</p><ul><li><strong>pencil </strong>icon to <strong>edit</strong> the badge,</li><li><strong>trashcan </strong>icon to <strong>delete </strong>the badge,</li><li><strong>up arrow</strong> icon to <strong>give </strong>the badge to one or more users,</li><li><strong>toggle </strong>to enable/disable the badge.</li></ul><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/9TFHO7SRGR0N/badgify-badge-editing.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/9TFHO7SRGR0N/badgify-badge-editing.png" alt="badgify_badge_editing.png" height="520" width="1060" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h2 data-id="award-manually">Award manually</h2><p>You might want to have Admins review users' comments before awarding badges to them for commenting. This is often done to first ensure that the comments add value to the discussion before a badge is awarded.</p><p>⭐️ <strong>EXAMPLE</strong>: A comment such as "I agree" doesn't demonstrate any real "engagement" with the discussion, so you might feel that it doesn't warrant a badge.</p><h3 data-id="turn-on-this-feature-for-a-badgify-comment-badge">Turn on this feature for a Badgify Comment badge</h3><p>If you prefer that your Admins review user comments before awarding badges, you can enable the <strong>Award Manually</strong> toggle for any of your Badgify Comment badges. Let's learn how.</p><p>1. Access the Dashboard.</p><p>2. Navigate to <strong>Settings > Membership > Badges</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/SZCIOJRO4SFD/access-badges-page.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/SZCIOJRO4SFD/access-badges-page.png" alt="access_badges_page.png" height="600" width="1036" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>3. Locate the badge and click the <strong>pencil icon </strong>to edit it.</p><p>4. In the dialog, click the <strong>Award Manually</strong> toggle to turn on this feature.</p><p>5. Click <strong>Save</strong>.</p><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/ANBS1ZPRPIO9/award-manually-toggle.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/ANBS1ZPRPIO9/award-manually-toggle.png" alt="Award Manually toggle.png" height="387" width="842" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <h3 data-id="manage-badge-requests">Manage badge requests</h3><p>With this enabled, each time a user comments in the discussion, a <em>Badge Request that includes the user's comment and the date</em> will be sent to the <strong>Badge Request</strong> queue for Admin review and approval, instead of automatically being awarded.</p><p>To view your badge requests:</p><ol><li>Access the Dashboard.</li><li>Navigate to <strong>Moderation > Requests > Badge Requests</strong>.</li></ol><div class="embedExternal embedImage display-large float-none"> <div class="embedExternal-content"> <a class="embedImage-link" href="https://us.v-cdn.net/6030677/uploads/V2T4SLZ6OI0S/badge-request-page.png" rel="nofollow noreferrer noopener ugc" target="_blank"> <img class="embedImage-img" src="https://us.v-cdn.net/6030677/uploads/V2T4SLZ6OI0S/badge-request-page.png" alt="badge_request_page.png" height="582" width="1006" loading="lazy" data-display-size="large" data-float="none"></img></a> </div> </div> <p>A few notes about badge requests:</p><ul><li>Only users with the <code class="code codeInline" spellcheck="false" tabindex="0">Reputation > Badges > Give</code> permission can <strong>approve or decline</strong> badge requests.</li><li>Badge requests can be managed either <strong>individually or in bulk</strong>.</li><li>Users have an option under their <a href="https://success.vanillaforums.com/kb/articles/317" rel="nofollow noreferrer ugc">Notification Preferences</a> to set <strong>whether they want to be notified</strong> (by pop up or email message) of new badge requests.</li></ul><p><strong>✔️ TIP</strong>: Typically, Admins and Moderators will handle the approving/denying of badge requests. However, if you’d like to grant this ability to a special user in your community to help manage these requests, you can do so. </p><ul><li>Make sure they belong to a Role with the <code class="code codeInline" spellcheck="false" tabindex="0">Reputation > Badges > Give</code> permission.</li><li>Because these users cannot access the Admin Dashboard like Admins, they'll need to manage these requests a little differently. They can either:<ul><li>Access the management page in the Dashboard directly via the following URL: <a href="https://brendan.vanillademo.com/badge/requests" rel="nofollow noreferrer ugc">https://[yourcommunity].com/badge/requests</a></li><li>Or, they can opt in to badge request notifications and access the page from them.</li></ul></li></ul> </article> </main>