Customizing the articles component on the homepage


 
Ivelina Pencheva
Last Updated: 1 year ago

You can place an Articles component to display certain articles from your help center on the homepage - FAQs, Trending/Popular, Latest, Recently Updated.

To customize this section, go to Settings -> Customize:

https://helpcenter-io.s3.amazonaws.com/uploads/self/Qh4HvOIWYJXbpE0t353PQWQHzJ6la9NOFnzch9MZ.pngpng

In the Template editor that opens, enter the Homepage section:

https://helpcenter-io.s3.amazonaws.com/uploads/self/W3WQtsiRjyY06BNXFqei5PcZfq6hyCEOIa6nX3xr.pngpng

click on the Articles component if you already have it in place, or click on the Add New button, choose Articles Listing from the select menu and apply it with Add. You can then rearrange it and choose where on your help center homepage to display it.

https://helpcenter-io.s3.amazonaws.com/uploads/self/TDVaQVsrj2WzJEg62t1VThQIIZF0F16vCgM6Qqig.pngpng

Clicking on the Articles component will open the settings for that element below. There, you can configure the sections displayed in the Articles listing. You have an option between four types of sections - FAQs, Trending/Popular, Latest, Recently Updated.

Since the articles listing component supports only 2 columns, two is the maximum number of sections you can select. Once you reach the maximum, you will see a warning message like this one:

https://helpcenter-io.s3.amazonaws.com/uploads/self/8zqUYcivmYKuQnBp3hQebeJTo2Tk8UZ1a33oWDfs.pngpng

and the control to add more sections will disappear.

Change the titles of the sections

You can adjust the titles of each section or provide translation in the various language, your help center supports. To do this, click on the small Edit icon right next to the name of the section. When an inline input appears, type your new section title or translate it and then press Enter to confirm the change.

https://helpcenter-io.s3.amazonaws.com/uploads/self/c2RuAqJC88MelZEgmxYc3RNTvok7amIQtTtfTGfG.gifgif

If you do not to press Enter at the end, the changes to the title will not get applied.


Was this article helpful?