Related Articles

Our Related Articles widget allows you to display articles that have content related to the current article the reader is reading. This will increase your readers' engagement and  your ability to get them the answers they need.

How does it work?

When you use related articles, behind the scenes, KnowledgeOwl searches and displays up to 5 articles that have content that is related to the content you're looking at.

By default, this will happen automatically based on article titles.

If you are not happy with the results, you can specify which articles to display as related within each article. To do so click the Add Related Article button in the right column of an article.

Type the article title, select it and click Add Related Article.

Once you have a few articles added, you can reorder them using the arrow icon or delete them using the red x.

This will replace one of the system-determined related articles with the article you specified. User-specified articles will display above system-determined articles.

If you don't want the system-determined articles to be displayed at all (only display the explicitly-assigned Related Articles), disable these recommendations in your knowledge base.

To do so, go to Settings > Basic.

In the Website Settings section, uncheck the box next to "Automatically suggest related articles based off of the article titles". 

Be sure to Save those settings.

Setup

To add this to all or specific articles, you'll need this merge code:

[template("related")]

You can add this merge code to all articles, the right column of your knowledge base, or to specific individual articles. Instructions for each are below.

Add the Related Articles Widget to all articles

You can place the related 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 related article links as well and perhaps a div with a class so that you can style the related articles widget.

Something like the following should do:

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

Add the Related Articles Widget to the right column of your knowledge base

Finally, you might decide to display the Related Articles Widget in the right column of your knowledge base. This column was designed 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 related article links as well and perhaps a div with a class so that you can style the related articles widget.

Something like the following should do:

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

Add the Related Articles Widget to individual articles

If you only want to display the related articles widget in certain articles you can place the related 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 related article links as well and perhaps a div with a class so that you can style the related articles widget.

Something like the following should do:

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

Additional Resources

You can choose to Hide Related Articles when there are none and Hide Related Articles when there is only one or less.