Custom Featured content widget

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

Open

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 content admin screen in the Admin Panel:

  Open

  

   

• 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:

Configuring the widget

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

1. Go to the Widget builder community here.

2. Select the Featured content widget template.

    

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:

     • 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.

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

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

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

    

   • 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.

    

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.

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 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)

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 then appears on the specified page with the chosen styling, content and dimensions.