Popular Articles Widget

Our Popular Articles Widget allows you to display articles with the most views. This will increase your readers' engagement and the your ability to get them the most common answers they might need. Your home page is an excellent place to add this widget.

How Does It Work?

It's as simple as placing a merge code where you would like this information to be displayed! KnowledgeOwl will search behind the scenes for the most popular articles. Popular articles are determined by the amount of traffic the articles receive. You will be able to find what articles will pop up by going to Reporting and then scrolling to the popular articles section. 

Setup

Setting this up is easy! The below merge code is almost all you need.

[template("pop-articles")]

Add the Popular Articles Widget to All Articles

You can place the popular articles merge code in the HTML of all articles. Go to Settings > Style > Custom HTML and select Article. You can place the merge code after the article body merge code or in the hg-article-footer div.

Either of these locations will display at the bottom of each article.

You'll probably also want to add a header to display above the popular article links as well and perhaps a div with a class so that you can style the popular articles widget.

Something like the following should do:

<div class="pop-articles">
 <h3>Popular Articles</h3>
 [template("pop-articles")]
 </div>

Add the Popular Articles Widget to Individual Articles

If you only want to display the popular articles widget in certain articles you can place the popular article merge code at the bottom of individual articles. To do so, edit the article and click the Source button in the top right of the editor toolbar.

Scroll to the bottom of the article and paste the merge code.

You'll probably also want to add a header to display above the popular article links as well and perhaps a div with a class so that you can style the popular articles widget.

Something like the following should do:

<div class="pop-articles">
 <h3>Popular Articles</h3>
 [template("pop-articles")]
 </div>

Add the Popular Articles Widget to the Right Column of Your Knowledge Base

Finally, you might decide to display the Popular Articles Widget in the right column of your knowledge base. This column was designed just for this kind of content!

To do so go to Settings > Style > Custom HTML and select Right Column and paste the merge code.

You'll probably also want to add a header to display above the popular article links as well and perhaps a div with a class so that you can style the popular articles widget.

Something like the following should do:

<div class="pop-articles">
 <h3>Popular Articles</h3>
 [template("pop-articles")]
 </div>