Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 21 Next »

You can create a customised feed of content and add it to a page in your Fuse platform. You can determine what is shown on the widget, such as which content types are shown, the communities they come from, and the authors they are by.

Example: You might configure the widget for a particular purpose, such as only showing content that fits a particular criteria. You could place it on the homepage of your Fuse platform and set it so that it only shows videos created by a particular user, with certain tags applied that relate to a specific subject area (such as “health and safety”).

To configure the custom Feed widget in the Widget builder:

  1. Go to the widget builder community here.

  2. Select the Feed widget template.

    Screenshot 2024-11-21 at 15.51.15.png

  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:

    • Title: This is the title of the widget and is shown to users when viewing it. The title will automatically translate into the user’s chosen language. You can also exclude words from the translation, such as brand-specific terms that you don’t want included in the widget title, using the Words to exclude field.

      Screenshot 2024-11-21 at 15.51.50.png

    • Select format: Select how you want the content to be displayed:

      Screenshot 2024-11-21 at 15.52.26.png
      • Carousel: The content is shown to users in a moveable carousel, with each card representing an item of content, complete with a title, description, creation date, author’s name and social information, such as views, likes and comments.

        Screenshot 2024-11-26 at 14.29.54.png

      • List: The content is shown to users in a list, with each row representing an item of content, complete with a title, description, creation date, author’s name and social information, such as views, likes and comments.

        Screenshot 2024-11-26 at 14.30.27.png

    • 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

      • 4 columns wide cards

      • 6 columns wide cards
        Note: If you have selected List above, you can only make your widget 2 columns or 3 columns in width.

        Screenshot 2024-11-21 at 13.46.10.png

    • Height: Select the height for your widget. You can choose to make the widget 1 row in height or 2 rows in height. You can only specify the height for the widget if it has been set to show content in a list.

      Screenshot 2024-11-21 at 15.31.06.png

    • Configure widget colour: Select the colour scheme of the widget. You can select the primary colour of your Fuse platform or manually specify a colour by entering a hexadecimal value.

      Screenshot 2024-11-21 at 13.45.29.png


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

      Screenshot 2024-11-21 at 15.55.58.png

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

    Screenshot 2024-11-21 at 15.56.21.png

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

        Screenshot 2024-11-21 at 15.57.55.png

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

      Screenshot 2024-11-21 at 16.02.16.png

    • Author(s): Here you can specify the names of users who have created content on the platform so that the widget only displays content created by those users. For example, if you have a user called John Smith in your platform, you could enter that name and only content by that user will be shown on the widget.

      Screenshot 2024-11-21 at 16.23.02.png

    • Tags: Here you can enter some tags so that the widget only displays content with those specific tags. For example, you want the widget to show content related to a certain subject, such as health and safety, so you might enter “health”, “Safety” and “Health and Safety” to ensure content with those tags are picked up by the widget.

      Screenshot 2024-11-25 at 10.39.36.png

    • 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 how many views it has.

      Screenshot 2024-11-21 at 16.27.16.png

    • Pin specified content to beginning: You can pin a particular content to the beginning of the widget so that it is always displayed. This is very useful if you want to make users aware of an important or useful item and to draw their attention to it. You can do this by selecting the checkbox and then entering the IDs of content items you wish to pin.

      Screenshot 2024-11-21 at 16.28.02.png

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

    Screenshot 2024-11-21 at 16.29.55.png

  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.

    Screenshot 2024-11-21 at 15.05.22.png
  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, wide, make the custom HTML widget in design studio is also 3 columns wide).

    Screenshot 2024-11-26 at 15.44.17.png

  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.

    paste code into widget and untick box.gif

  • No labels