Skip to main content
How to

Feature topics on your Homepage


Frank
  • Product Guru
  • 22 replies

Feature, highlight, promote—different words but they all serve the same purpose: making sure topics stand out from the rest. Sometimes you want to make a topic stand out from the crowd because it holds important information, a big announcement or a good promotion. 

The inSided platform offers different ways of featuring topics. In this article you can find all the information you need to feature topics on your homepage.

 

Feature topics in a card style

Make topics stand out in a card format. Depending on the content type, the card will use a specific card style:

  • Discussions / conversations will show a preview snippet of the opening post
  • An article will display the feature image & the article label
  • An idea will show the status of the idea

Make the most out of this widget by featuring multiple topics of the same type, here’s how it works:

  1. Activate Customization mode

  2. Hover over the homepage and determine where you want to add featured topics. Click the plus icon (➕)  and select the Featured topics widget

  3. Add one or more topics via search or by copy/pasting a topic URL. You can add as many topics as you like

  4. Select how many topics should be displayed as full-width. If you choose 0 the topic cards will either show in a 2 or 3 column layout depending on the amount of topics

  1. Click Done in the sidebar

  2. Click Publish. Your featured topic cards will now appear on your homepage

The following items are optional to do:

  • Add a title (e.g. Featured, Recommended, Promoted)

  • Reorder the list of topics in your preferred order

  • Add a button and URL

 

Feature topics in a list style

Use this if you are more fan of a minimalistic list style. This view only shows the topic title and the topic type as an icon in a simple 2 column list. To feature topics in a list style follow these steps:

  1. Activate Customization mode

  2. Hover over the homepage and determine where you want to add a list of topics. Click the plus icon (➕)  and select the Recommendations widget

  3. Add one or more topics via search or by copy/pasting a topic URL. You can add as many topics as you like

  1. Click Done in the sidebar

  2. Click Publish. Your list with topics will now appear on your homepage

 The following items are optional to do:

  • Add a title (e.g. Featured, Recommended, Promoted)

  • Reorder the list of topics in your preferred order

 

Feature a single topic directly below the community navigation

 

 

This view is very popular when you want to grab the user's attention to a specific, important topic. For example an outage or an important announcement. This featured topic will be displayed on all pages of your community, not just the homepage. The setup requires some different steps:

  1. Activate Customization mode

  2. Go to edit the Topic Banner widget positioned below the Mega Menu

  3. Add one topic via search or by copy/pasting a topic URL. You can add only one topic.

  1. Click Done in the sidebar

  2. Click Publish. Your topic will be featured in the banner

The following items are optional to do:

  • The Topic banner background color can be updated via the customizaion mode ThemeColors . Look for the color option “Featured Topic Background Color”​​​​​​​

Feature topics with moderator tags

When adding new widgets to the homepage you’ll find the Featured topics (moderator tags) widget. This is a legacy widget with limited capabilities. We recommend using the Featured topics widget described above.

Did you find this topic helpful?

24 replies

bjoern_schulze
Forum|alt.badge.img+2
  • Helper ⭐️⭐️⭐️
  • 344 replies
  • March 25, 2020

Hi, I’ve been using the new “featured topics” widget on a daily basis for the past weeks now. And I just wanted to let you know that I’m really loving it. It is quick and easy to add or remove content, the queue can be moved around easily too and the best thing is that the widget places different amounts of topics automatically into the optimal (desktop) alignment.

The most important improvement suggestion we have at the moment, I’ve already talked about here.

 


Gabolino
Forum|alt.badge.img
  • Helper ⭐️
  • 163 replies
  • November 2, 2020

Hi @Julian , I can’t get the cards to show the thread image. Im sure Im missing something? I’d appreciate your help with this. 

 


bjoern_schulze
Forum|alt.badge.img+2
  • Helper ⭐️⭐️⭐️
  • 344 replies
  • November 2, 2020

Is the topic “Welcome to Beta” created as an article? Or as a discussion / question? Only the featured images of articles are displayed on the featured topics cards (and in other places). If you insert images in discussions or questions, then they aren’t recognized as such.


Julian
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️⭐️⭐️
  • 907 replies
  • November 2, 2020

I just wanted to jump on this, but Bjoern was quicker. I would have asked the same question... :)


Gabolino
Forum|alt.badge.img
  • Helper ⭐️
  • 163 replies
  • November 2, 2020
bjoern_schulze wrote:

Is the topic “Welcome to Beta” created as an article? Or as a discussion / question? Only the featured images of articles are displayed on the featured topics cards (and in other places). If you insert images in discussions or questions, then they aren’t recognized as such.

Well, I believe that’ll do the trick. Thanks @bjoern_schulze 


Gabolino
Forum|alt.badge.img
  • Helper ⭐️
  • 163 replies
  • November 2, 2020
Julian wrote:

I just wanted to jump on this, but Bjoern was quicker. I would have asked the same question... :)

I’d highlight that on your article @Julian , at least for folks like me :P


Julian
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️⭐️⭐️
  • 907 replies
  • November 3, 2020

Good suggestion, I will add it!


bjoern_schulze
Forum|alt.badge.img+2
  • Helper ⭐️⭐️⭐️
  • 344 replies
  • January 4, 2021

Did you change the HTML for the Featured Topics? It looks like they are embedded into a figure element now which has a default margin (left and right) of 40px. I believe the margin should be zero instead.

 


Gabolino
Forum|alt.badge.img
  • Helper ⭐️
  • 163 replies
  • January 4, 2021
bjoern_schulze wrote:

Did you change the HTML for the Featured Topics? It looks like they are embedded into a figure element now which has a default margin (left and right) of 40px. I believe the margin should be zero instead.

 

I noticed the same thing


Julian
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️⭐️⭐️
  • 907 replies
  • January 4, 2021

I saw my colleagues released and then rolled back a change that might have caused this. It should be fine now again, please let me know if you still encounter issues.


m4rc
  • Helper ⭐️
  • 66 replies
  • January 4, 2021

It seems like it was fixed with the rollback @Julian but it’s gone weird again.

Can you ask that it’s rolled back again ASAP. And that your tech guys just stop messing about today?


  • Contributor ⭐️
  • 2 replies
  • March 11, 2021

Hello! Can you give me simple instructions on featuring content on the home page? Like “add a moderator tag” or click this button or…? 

We’re trying to get initial content in to launch our forum and I’m stumped on how to add articles to the featured widget.

 

Thanks much!


Blastoise186
Forum|alt.badge.img
  • Helper ⭐️⭐️⭐️
  • 535 replies
  • March 11, 2021

Welcome to inSpired @heather locke !

It sounds to me as if you’re looking for a handy guide here. 

In particular, here’s the steps you’ll most likely be after.

  1. Activate Customization mode

  2. Hover over the homepage and determine where you want to add featured topics. Click the plus icon (➕)  and select the Featured topics widget

  3. Add one or more topics via search or by copy/pasting a topic URL. You can add as many topics as you like

  4. Select how many topics should be displayed as full-width. If you choose 0 the topic cards will either show in a 2 or 3 column layout depending on the amount of topics

  5. Click Done in the sidebar

  6. Click Publish. Your featured topic cards will now appear on your homepage

 

If you get stumped, feel free to give us a shout and we’ll walk you through everything.

Good luck with launching your community too! If you need any advice at all, we’ll be glad to offer it.


  • Contributor ⭐️
  • 2 replies
  • March 11, 2021

Thank you. For some reason the customization button which wasn’t available all day finally popped up and I’m now using the featured topics widget. Thanks much!


Blastoise186
Forum|alt.badge.img
  • Helper ⭐️⭐️⭐️
  • 535 replies
  • March 11, 2021

No worries.

Don’t forget that if you’ve got access to the staging environment as part of the package, it’s an extremely useful tool for trying out testing and experiments without causing the main forum to implode. Everything you do in the staging environment is kept separate from public and is restricted to moderators only by default.

Don’t be afraid to break staging! That’s what it’s there for. :blush:


security_lion
  • Helper ⭐️⭐️
  • 134 replies
  • January 25, 2022

@Frank Is there a way to have something like the “Featured Topic Banner” but instead of linking to a topic, I insert my own text and url? Essentially what I want to do is have a featured banner at the top that is pointing community members to unanswered questions (https://community.insided.com/search/activity/unanswered)


SmartlyGreg
Forum|alt.badge.img
  • Helper ⭐️⭐️⭐️
  • 201 replies
  • January 25, 2022

@security_lion I think you’d really be better off adding a some HTML, and stealing the code from the featured banner so you can just edit the content. You don’t need to be very familiar with all this to figure this out either:

  1. Add the featured banner with a random topic
  2. Press cmd+shift+C (Mac Chrome) to inspect the element and steal the code of the banner
  3. Remove the topic banner
  4. Hit customise and add a HTML widget
  5. Do not put a title simply paste in the entire “stolen” code as is
  6. Edit the content so that it just says something like “View unanswered questions”
  7. Edit the link to be the one you mentioned
  8. Publish!

Your HTML would look something like this:

<div class="homepage-widget-container widget-container homepage-widget-container--topic_banner widget-container--topic_banner homepage-widget-container--topic_banner widget-container--topic_banner" data-idx="3">
                <div class="widget-placeholder">
                                        <div><div class="topic-banner_wrapper featuredBanner"><a class="banner-notification_url" href="https://community.insided.com/search/activity/unanswered"></a><div class="box banner-notification notification"><div class="box__content box__pad"><p class="notification-title"><span class="notification-link">View unanswered questions</span></p></div></div></div></div>
     </div>
</div>

The only downside, which might actually be for the best is that this will only appear on the homepage. If you wanted it everywhere you’d have to make it part of your navigation, which is a little more tricky.

Hope this helps!


security_lion
  • Helper ⭐️⭐️
  • 134 replies
  • January 25, 2022

Eyyyyy @SmartlyGreg !! Living up to your username. Thank you for your suggestion and for walking me through it.


  • Contributor ⭐️⭐️⭐️
  • 24 replies
  • February 5, 2025

@Julian ​@Blastoise186 

I don’t see the option to add a “Feature Topic Banner” in my site that displays on every page?

I can add a Banner to my homepage, which I’ve done in Sandbox, but its not displaying across all the pages in sandbox. 

Can you help me understand what I am doing wrong? Trying to solve for this use case.

 

Thanks!

 


Blastoise186
Forum|alt.badge.img
  • Helper ⭐️⭐️⭐️
  • 535 replies
  • February 5, 2025

Howdy ​@lyoung !

Man, it’s been a while since I was last here!!!

Do you mean the big blue one like you see here, or the green one on my home forum over at OVO?

If so, IIRC I think you’re looking for the Topic Banner widget specifically - that’s the one that does it and appears below the Mega Menu.

Check out this little puppy as I think it’s what you’re looking for.

https://communities.gainsight.com/product%2Dupdates/topic%2Dbanner%2Davailable%2Din%2Dcustomisation%2Dmode%2D20652

My suspicion is you were just trying to add a regular Featured Topic Banner/Hero Banner of some kind which is a different tool. If the one you try to add gets plonked anywhere other than just below the Mega Menu, you’ve probably picked the wrong one for this use case! :D

Please bear in mind that you can only have ONE thing at a time in that Topic Banner, so you may want to consider your selection carefully.

If you want to, you could also steal ahem borrow some code from my old friend Tim left behind that you can chuck into Custom HTML/CSS/JS to then set as a widget that you can then place wherever you want. I’ll leave a link to the repository for you - just make sure to adjust it so it’s what you want it to be!

https://github.com/T-J-D-Cavey/Forum-Guidelines-Text-Box

Easiest way to do so is to Fork the existing repository and make the changes to your copy (should be as simple as just changing the text tbh) before you add it to your own instance. All Tim asks is please maintain the copyright notice and respect the MIT License he placed on the original code (your legal team should be able to help you if you get stuck but it’s pretty easy to comply with).

If you’d like to see an example of it in action, simply try to create a thread on the OVO Forum (don’t worry about logging in - just being on the page is enough!) and it should pop right up.

And yeah… I promise I’ll be back on here more often at some point in the future! I’m just having too much fun Taking Over The World elsewhere at the moment - it’s hard to be an Evil Genius and find the time for other things! XD


  • Contributor ⭐️⭐️⭐️
  • 24 replies
  • February 5, 2025

Thank you for your detailed response - Yes, I am looking at the green one. The issue is that when I go to Edit Layout and try to add a “Topic Banner” widget, it’s not an option in my widget menu… (condensed screen shot - I can scroll down but it’s no where in the list)

 

Sorry to drag you out of retirement : ) but I appreciate you jumping in with a response.


  • Contributor ⭐️⭐️⭐️
  • 24 replies
  • February 5, 2025

OMG nevermind I see it - its already added on my site just hidden lol - Thank you!


Blastoise186
Forum|alt.badge.img
  • Helper ⭐️⭐️⭐️
  • 535 replies
  • February 5, 2025

MUHAHAHAHAHAHA! Told ya! :P

A Blastoise’s work is never done ya know - and I NEVER retire! XD

Here’s a funny thing actually. I’m not a Community Manager myself - I’m actually a User (well, Super User)! Gainsight welcomed me into inSpired back in the inSided days and I kinda just stuck around because I enjoyed it a lot. The only reason I haven’t been here is because well, the chaos on my home forum kept me pretty busy all this time. Long story short, my home forum is incredibly active and keeps me very busy, combine that with my IT based day job and the fact I do community volunteering with the fire service (I’m not a firefighter though, I do the community engagement stuff!) and you can soon see where my time gets eaten up. You wouldn’t believe some of the crazy stories I get out of it... :D

Jokes aside, glad to see that it works now. If ya need us again, you know where to find us. :)


Julian
Forum|alt.badge.img+5
  • Gainsight Employee ⭐️⭐️⭐️
  • 907 replies
  • February 6, 2025

Thanks for all the help, incredible ​@Blastoise186! :D Happy to have seen you back over here! 


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings