People are not using the ❤ button

(Josh) #17

Thanks, I’ll try it.

(Joffrey Jaffeux) #18

May I suggest PsBattle: Upvote/Downvote cat : photoshopbattles to increase conversion rate?

(Tom) #19

I’d like to do the same with our forum. How did you change it? Is there a setting somewhere I’m missing? Is this a css trick?

(Daniela) #20

This should be still valid to use:

The icon is the content , you can use the code of the thumbs up icon on Fontawesome fa-thumbs-up: Font Awesome Icons so, change

content: "\f0aa";
content: "\f164";

(Wiliam Joaquim) #21

I changed the icon as in my forum!

 /*altera botão like */
 .fa-heart:before {
  content: "\f164";
} {
    color: #31b5b2 !important;
    background: #C6FFCE !important;
    border-radius: 20px;

button.has-like {
    color: #31beb1 !important;

(Viir) #22

I cannot make sense of this so far.
If someone replies to a post, writing “thank you”, is this not already an indication that they like the post?
What is the idea here?

How about experimenting with it’s visual appearance to make people aware of the button? Should an increased size not help to increase the percentage of people recognizing it?

When it comes to using the button, you could adjust your message to emphasize more on the benefits for the user.

(Andrew Waugh) #23

Only a few users use the like button on our site. We have >20 character reply, but users seem to prefer to type “I like that (extra characters for the software)” rather than just click the like button.

And some of those who do use the like button tend to binge like.

Meatbags just aren’t always rational.

(Jay Pfaffman) #24

Sometimes it seems like they have minds of their own!

(Andrew Waugh) #25

Who on earth approved that without submitting an RFC?

(Michael Howell) #26

You can’t achieve Trust Level 2 without receiving and casting at least one like, and you need even more to get TL3. Discourse itself needs this kind of feedback, and nat-lang posts don’t give it that.

Also, Likes are less noisy than posts. If the problem is that likes are insufficiently noisy, there’s a setting for that.

(Joseph Coates) #27

I don’t think making the like more noisy for the recipient via notifications would do that much to increase the usage of likes by the subgroup of users that are not casting likes in this case.

Has anyone experimented with making likes more noisy on the topic page itself?

You could simply add some CSS to display “who-liked” by default. Maybe just hitting a button that makes a number go up by one is not enough for your users. Perhaps seeing their avatar put alongside others who have liked the post will make them satisfied with the like button.

(Christoph) #28

I was suspecting the opposite: people don’t want to be registered with their attitude towards a post unless that attitude is sufficiently strong. But your reasoning may well be right.

However, I don’t think your proposed solution can be achieved via CSS because those avatars are not loaded unless you click to display them (saving quite a bit of loading time, I suspect).

(Or maybe I’m just ignorant of what can be done via CSS?)

(Michael Howell) #29

CSS can’t show information that isn’t provided by the DOM (not really; generated content still ultimately gets derived from either the DOM or the CSS itself).

You could, however, probably do it with a Discourse plugin.

(Dean Taylor) #30

Just a heads up…

CSS also doesn’t impact the emails going out, here is an example of a heart in the Summary email:


One could award badges of different levels to people who use the like button to give feedback. This way, for starters, people would have a motivation to use the like button. And maybe they will get used to it and do it naturally in the future.


System generated badges already exist for this. :slight_smile:

(Daniela) #33

There is a theme component to change :heart: with :+1: now:


This stopped working for me. Now it only shows the new non-heart icon after clicking it.

Any fixes? Thanks!

Edit: here we go below!

.fa-heart:before, .fa-heart-o:before {
  content: "\f164";

(Erlend Sogge Heggen) #35

The most future-proof way to change the heart button is by using the theme component linked to right above.

(Erlend Sogge Heggen) #36