Content Comparison

You can create a custom widget that displays featured content to users.

...

This widget can be added to:

• Your platform's main homepage: If added to your platform’s main homepage, the widget displays content specified on the Featured contentadminscreen in the Admin Panel:

  Image Added

• The homepage of a specific community: If added to the homepage of a particular community, the widget displays content specified in the Featured content section of the community admin screen for that community:

  Image Added

Configuring the widget

To configure the custom Feed Featured content widget in the Widget builder:

1. Go to the widget Widget builder community here.

2. Select the Featured content widget template.

   Image RemovedImage Added

3. In the Appearance section, configure the look and feel of the widget. You can control format, the size of the widget, cards within it, the colour, and the widget title.

   You can configure the following appearance settings:

   • Select widget size: Select a preset width for your widget. You can give your widget a width of:

     • 2 columns

     • 3 columns

     • 4 columns

     • 6 columns

       

   • Configure widget colour: Select the colour of the widget buttons and progress bars shown on the widget. You can select the primary colour for your instance or manually specify a colour by entering a hexadecimal value.

     

     Enable recommended content: Select this checkbox to determine the intervals
     

     As you are configuring each setting, you can preview the changes using in the DESKTOP EXAMPLE PREVIEW section at the bottom of the screen:

     Image RemovedImage Added

4. When you’ve finished configuring the look and feel of the widget, click NEXT.

   Image RemovedImage Added

5. In the Configure section, you can determine what is displayed on the widget.
   You can configure the following settings:

   Display: Choose which content items will be shown to users on the widget:

   All content that the user has access:Select this option to display all the content the user has access to.

   • All content from specified communities: Select this option to display all the content the user has access to from a specific community. To specify the communities, enter the ID of each community in the Community ID number field and only content items from those communities will be shown.

     Image Removed

   • Filter (optional): Here you can determine what content types are shown in the feed on the widget. For example, you might only want certain types to be shown, such as articles, questions and links, but not videos, files or SCORM courses. By default, articles, files, questions, videos, SCORM courses, and links are shown. To remove a particular content type, deselect the checkbox next to it and content items of that type won’t be shown on the widget.

     Image Removed

   • Author(s):

     Image Removed

   • Tags:

     Image Removed

   • Sort: Here you can determine how the content items are sorted on the widget. You can display the content sorted by how recently it was added to the platform, or by how popular it is in terms of views, likes and comments.

     Image Removed

   • Pin specified content to beginning: You can pin a particular content to the beginning of the widget so that it is always displayed. You can do this selecting the checkbox and then entering the IDs of content items you wish to pin.

     Image Removed

   • Content: Here you can decide whether or not to display recommended content after the items of featured content have been viewed. To do this, select the Enable recommended content checkbox.
     

6. When you’ve finished configuring the display settings, click GET CODE.

   Image RemovedImage Added

7. The code is then generated based on the configuration options you’ve selected. Once you are satisfied with the styling and behaviour of the widget, click COPY CODE to copy the code to your clipboard.

   Image RemovedImage Added

   In

8. Go to Design Studio, in your Fuse platform and add the Custom HTML widget to a page, ensuring that it is the same dimensions chosen in your instance, then paste the Widget builder (e.g. if your widget in the Widget builder is set to 3 columns in width, make sure the Custom HTML widget in Design Studio is also 3 columns in width)

   Image Added

9. Paste the code into the HTML widget in Design studio, deselect the Show widget borders checkbox, then save and publish the changes. The widget will then appear appears on the specified page with the chosen styling, content and dimensions.

   Image Removed

   Image Added