# People are not using the ❤ button

**URL:** https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783
**Category:** Community Building
**Created:** [2017年九月26日 07:40 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783 "2017-09-26T07:40:15Z")
**Posts on this page:** 15
**Page:** 2

<div class="post-metadata">

### Author: ![Viir](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/viir/32/244089_2.png) [@Viir](https://meta.discourse.org/u/Viir)
#### Post date: [2017年十月1日 09:26 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/22 "2017-10-01T09:26:22Z")

</div>

> [@tophee](#):
>
> I have been posting dozens of canned replies over the past weeks encouraging people to like posts whenever someone said “thank you” etc but didn’t ❤ the post. I can see some results, but overall, I think it could be better.

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?

> [@tophee](#):
>
> Any ideas? Strategies? Similar experiences? Should I stop posting my canned replies to make people aware of the ❤ button? Or should I change it?

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.

---

<div class="post-metadata">

### Author: ![JagWaugh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagwaugh/32/69335_2.png) [@JagWaugh](https://meta.discourse.org/u/JagWaugh)
#### Post date: [2017年十月1日 11:25 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/23 "2017-10-01T11:25:50Z")

</div>

> [@HAWK](#):
>
> but mostly it’s a culture thing

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.

---

<div class="post-metadata">

### Author: ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)
#### Post date: [2017年十月1日 14:11 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/24 "2017-10-01T14:11:55Z")

</div>

> [@JagWaugh](#):
>
> Meatbags just aren’t always rational

Sometimes it seems like they have minds of their own!

---

<div class="post-metadata">

### Author: ![JagWaugh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagwaugh/32/69335_2.png) [@JagWaugh](https://meta.discourse.org/u/JagWaugh)
#### Post date: [2017年十月1日 14:14 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/25 "2017-10-01T14:14:37Z")

</div>

> [@pfaffman](#):
>
> Sometimes it seems like they have minds of their own!

Who on earth approved that without submitting an RFC?

---

<div class="post-metadata">

### Author: ![notriddle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/notriddle/32/133055_2.png) [@notriddle](https://meta.discourse.org/u/notriddle)
#### Post date: [2017年十月1日 16:46 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/26 "2017-10-01T16:46:31Z")

</div>

> [@Viir](#):
>
> 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?

[You can’t achieve Trust Level 2 without receiving and casting at least one like, and you need even more to get TL3.](https://meta.discourse.org/t/what-do-user-trust-levels-do/4924/5) 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](https://meta.discourse.org/t/notify-on-every-like-should-be-the-default/40485).

---

<div class="post-metadata">

### Author: ![jcoates](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jcoates/32/78029_2.png) [@jcoates](https://meta.discourse.org/u/jcoates)
#### Post date: [2017年十月2日 02:03 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/27 "2017-10-02T02:03:16Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![tophee](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tophee/32/73406_2.png) [@tophee](https://meta.discourse.org/u/tophee)
#### Post date: [2017年十月2日 05:52 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/28 "2017-10-02T05:52:13Z")

</div>

> [@jcoates](#):
>
> Perhaps seeing their avatar put alongside others who have liked the post will make them satisfied with the like button.

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?)

---

<div class="post-metadata">

### Author: ![notriddle](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/notriddle/32/133055_2.png) [@notriddle](https://meta.discourse.org/u/notriddle)
#### Post date: [2017年十月2日 16:15 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/29 "2017-10-02T16:15:16Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [2017年十月2日 22:23 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/30 "2017-10-02T22:23:06Z")

</div>

Just a heads up…

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

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/5/1589be8f5525aa806f70bfccef21d740646d8471.png)

---

<div class="post-metadata">

### Author: ![epitome](https://avatars.discourse-cdn.com/v4/letter/e/3ec8ea/32.png) [@epitome](https://meta.discourse.org/u/epitome)
#### Post date: [2017年十月3日 00:20 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/31 "2017-10-03T00:20:08Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [2017年十月3日 01:08 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/32 "2017-10-03T01:08:53Z")

</div>

System generated badges already exist for this. 🙂

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [2018年五月18日 10:52 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/33 "2018-05-18T10:52:19Z")

</div>

There is a theme component to change ❤ with 👍 now:

> [@Change the Like Icon to +1](https://meta.discourse.org/t/change-the-like-icon/87748):
>
> discourse2Summary Change the Like Icon to +1 allows you to change the heart icon to the +1 icon – or any other [font awesome 5.5 glyph](https://fontawesome.com/icons?d=gallery) you prefer.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/change-like-icon)hammer_and_wrenchRepository Link [https://github.com/discourse/new-like-icon](https://github.com/discourse/new-like-icon)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Featuresinformation_source Since [we switched to Font Awesome 5](https://meta.discourse.org/t/introducing-font-awesome-5-and-svg-icons/101643), we bui…

---

<div class="post-metadata">

### Author: ![Berto](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/berto/32/77084_2.png) [@Berto](https://meta.discourse.org/u/Berto)
#### Post date: [2018年六月25日 13:51 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/34 "2018-06-25T13:51:14Z")

</div>

> [@wiliamjoaquim](#):
>
> I changed the icon as in [my forum!](https://gojavascript.com.br)
> 
> ```plaintext
> /*altera botão like */
> .fa-heart:before {
> content: "\f164";
> }
> 
> button.like:hover {
> color: #31b5b2 !important;
> background: #C6FFCE !important;
> border-radius: 20px;
> }
> 
> button.has-like {
> color: #31beb1 !important;
> }
> 
> ```

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!_

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

```

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [2018年六月25日 14:07 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/35 "2018-06-25T14:07:25Z")

</div>

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

---

<div class="post-metadata">

### Author: ![erlend\_sh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/erlend_sh/32/119475_2.png) [@erlend\_sh](https://meta.discourse.org/u/erlend_sh)
#### Post date: [2018年六月25日 14:07 UTC](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783/36 "2018-06-25T14:07:28Z")

</div>



[上一頁](https://meta.discourse.org/t/people-are-not-using-the-heart-button/70783.md?page=1)
