Voting on articles

390476627494 are you using the Copenhagen theme in your Zendesk instance? If so, you would actually add the code to the article_page.hbs helper file to display vote counts, not to the CSS itself (the CSS is going to be where you do a majority of the styling for your Help Center). Below is a screenshot with the code that is in this page. In this example, it is towards the bottom of the code, before the article comments box and pagination of comments we are displaying. 

Diziana

Hey Diziana,

I tried posting this directly into our theme CSS file and it did not work. Did I do something wrong?

Hey Nita,

To get a voting option beyond the initial two is actually more complex than it seems initially. You'll need to have the vote counts tracked somewhere, which means you need to have your new vote button trigger a call to a server that records that article's vote tally. This is possible, but it is definitely beyond the scope of what could be covered in a Help Centre post. 

If you, or someone on your team has development skills here's a very rough idea of how this could work.

1. Article page script that loads when the page is loaded. This script will send your Article's ID to the vote-server to find out if there are votes on this article to display. 

2. User clicks vote button. This sends a message to your new vote-server and includes the article ID and the vote type selected. You'll probably want to consider what you do with the button so the user can't vote multiple times.

3. (Bonus) Article updates with the new vote count live. Easier implementation would just show the new score on refresh.

Hope that gets you started on the right path!

Thanks, Jessie. I am new to this stuff so here's what I had for just the 2 buttons on my article.hbs and I wasn't sure what to call the middle button so here's what I had so far. It is not pretty! TIA!

<div class="comment__voting-and-actions">

{{#unless official}}

<div class="vote vote--comment">
{{vote 'up' class='fa fa-smile-o' role='button'}}
<div class="vote-sum">
{{vote 'sum'}}
</div>
<div class="vote vote--comment">
{{vote 'neutral' class='fa fa-meh-o' role='button'}}
<div class="vote-sum">
</div>
{{vote 'sum'}}
</div>
<div class="vote vote--comment">
{{vote 'down' class='fa fa-frown-o' role='button'}}
<div class="vote-sum">
</div></div>
{{/unless}}
<div class="comment__actions">
{{actions}}
</div>
</div>
</div>
</li>
{{/each}}
</ul>

Is there a way to add a 3rd voting option? We are wanting to have 3 and I am falling short on my coding. 

Hi Мели!

You don't put the code in the article itself. You'll need to add it to the CSS in your Guide Admin dashboard. You can find details on this here.

Hi, Diziana,

I would like to ask you where exactly on the article I can put this code. I tried but I could not put it on the article

Hi Diziana,

Thanks a lot for your reply! Your code worked. Is there a way to allow voting only for articles in one specific category? 

Max