Creating a Q&A Community with Vanilla

2 minute read

November 15, 2012

Creating a Q&A Community with Vanilla

Questions are tagged in the discussion view.
Questions are tagged to show status

Users are notified their questions have been answered.
Notifications let users know that questions are now answered

Users can indicate if a reply answers the question or not.
Mark the question as answered

Accepted answers are displayed at the top of the thread. Rejected or unmarked replies will be displayed below. Best Answers can be styled with CSS to stand out.
Replies that answer the question are displayed at the top of the thread

A menu link helps users find unanswered questions.
A menu item is added to link to unanswered questions

Users who answer questions are rewarded with Badges and earn reputation points.
Badges for answering questions

Setting this up is very easy. All you have to do is turn on the Q&A plugin. That’s it!

To change the styling of the accepted answers, you can edit the CSS with something like this:

ul.AcceptedAnswers .Item {
background: transparent;

ul.AcceptedAnswers {
border: solid thick blue;
background-color: #eeeeee;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;

A great example of Q&A is Harvard/MIT’s Broad Institute GATK community.


Share Your Thoughts

Your email address will not be published. Required fields are marked *

Luc Vezina

Written by Luc Vezina

Have an Article for Vanilla's Blog?

Send us an email to [email protected] with your topic idea and we'll circle back with our publishing guidelines.

Subscribe to the Community Corner Newsletter and get expert insight and analysis on how to get the most out of your online community every Friday.
[contact-form-7 id="5700" title="Newsletter Form"]

Request a Demo

Schedule a product demo now.

Contact Us