BuddyBoss Platform

Reactions

Introducing our Reactions feature. Users can now express their reactions to activity posts and comments through options such as Like, Heart, Laugh, Angry and more. 

There is a huge emotion library for you to set up reactions according to your community site. Additionally, you have the flexibility to upload custom icons tailored to the specific needs of your community. 

This feature is available for both the  BuddyBoss Web and App.

Configure Reactions

Step 1: Enable Reactions Mode

Navigate to BuddyBoss > Settings > Reactions. You can choose whether to enable reactions for Activity Posts and/or Activity Comments. Then choose the Likes option under Reactions Mode and hit the Save Settings button. 

With Likes enabled, your users have a single interaction with the activity post or comment, and that is clicking the Like button. 

Next is Emotions. After choosing it the emotions will appear then hit the Save Settings again. 

After choosing the Emotions option the Reactions button will appear. Here you can change the Icon and Text. Let’s click on the icon. 

An Icons modal will appear on your screen with a wide selection of reactions. For this example we will select the Hand Pointer. Now, hit the Select Icon button below. 

As you can see the reaction has changed, also here we have edited the text. This label is shown Heart. Don’t forget to hit the Save Settings button. 

Let’s say you want to see how to select an emotion. Press the pencil icon of any emotion like below-

An emotion modal will appear. On the right side, you can change the Label and Text Color of this emotion. You can check the Preview of this emotion as well. Lastly hit the Save Emotion button.

Step 2: Add More Emotions 

After selecting an emotion we will now discover how to add an emotion. Press on the plus icon. 

Again that emotions modal will appear. We choose Cold Face and again just like before you can change the Label and Text Color of this emotion. Now, press the Save Emotions button.

You can see the Cold Face emotion right here. Now suppose, you don’t want to activate all the emotions you have, you want to deactivate some of them. Simply uncheck the emotions you want to deactivate. For instance, we uncheck the Angry and Cold Face. Don’t forget to hit the Save Settings button below to see the changes in the frontend.

Check the frontend now. Yes, only 4 emotions are visible to the users. Moreover, check out the reaction button below as well.

If you navigate to the emotion modal you can explore the wide emotion category we made for you. Here, you can select your emotions based on the category. 

Like here we have selected the Food & Drink category emotions. 

Step 3: Add Icons

Apart from Emotions we have a vast collection of Icons. Just navigate the same way you add new emotions by clicking on the plus icon. 

At the top left corner, select the Icons option. Choose any icon you like. Just like emotions you can edit the Label, Text Color, and Icon Color. Now hit the Save Emotion button.

Now you can see your chosen icon in the emotions list. 

Let’s watch out how this icon emotion will look on the frontend.

Step 4: Upload Your Custom Icon

Another option to use your reaction is Custom Icon. You can upload your customized icon and use it as a reaction. Click in the pencil icon of any emotion. 

Select Custom, from the left upper corner.

Now, you have to upload your own custom icon. Hit on the Upload Icon button.

Here, you can resize according to your preference and press the Done button.

Write down the Label and select Text Color. Lastly, hit the Save Emotion button.

So, this is how your custom emotion can be set. 

Let’s see how the custom icon reacts in the frontend.

You can use your reactions to the comments as well.

Like here we have reacted in the comments. 

Step 5: Delete Reactions

There might be a time when you want to delete any reactions. For example, you are getting lots of Angry reactions and it’s affecting your membership website’s authority badly. In this situation, you can delete that particular reaction. If you want to delete any reaction just click on the cross (X) button in the right corner of that reaction. And, you can add a maximum of 6 emotions.

A warning popup will appear to confirm your deleting emotion. Hit the Confirm button and that emotion will be deleted. 

Step 6: Use Migration Wizard

When switching reactions mode, use our Migration Wizard to map existing reactions to the new options. This action will convert reactions previously submitted by members on your site to an Emotion of your choice. Reactions not selected can be converted at any point in the future using this migration wizard. 

There are two processes in Migration Wizard. One is for Likes and the other one for Emotions. As we are now in Emotions mode let’s see that at first.

If you carefully look at the bottom, there is a Migration Wizard hyperlinked. Click on it. 

This popup will appear. Here, you can convert reactions previously submitted by members on your site to an Emotion of your. We have selected BB Emotion to Love and press the Continue button. 

Then this popup appears, watch out for these warnings before hitting the Start conversion button. 

If you don’t have any reactions to convert then you will get this message. 

Now, if you select the Likes mode and then the Migration Wizard.

Here, you can only turn Emotions into Likes. Then press the Continue button.

Again this warning message will appear and hit the Start conversion button.

Incorporating reactions into a community site can significantly enhance user engagement, facilitate diverse forms of communication, and provide valuable insights for community management. Hope you get full benefit out of this feature. 

Questions?

We're always happy to help with questions you might have! Search our documentation, contact support, or connect with our sales team.