FAQ content

Widgets: Tags list or cloud widget

In this article

The Tags widget creates allows you display a list of tags assigned to your guides, either in a bulleted list, dropdown menu, or tag cloud. Clicking on a link will take the user to your LibGuides search results page, filtered to that tag.

the Widgets option under the Tools menu

  1. Log into LibGuides, click on Tools in the navigation bar, and select Widgets from the dropdown menu.

the Tags tab

  1. On the Widgets page, click on the Tags tab.

tag widget options, embed code, and preview

  1. Under the Look & Feel section, choose the Output Format for your widget.
    • Simple: this embeds the widget content directly into the page, with the widgets styles and JavaScript code running right alongside the other content on the page -- this includes the jQuery and Bootstrap libraries, so be careful when trying to embed these on pages that already include these libraries (such as LibGuides and other Springshare products).
      • If you choose this option, you can select the Embed Type - if you're not sure which option to use, we recommend JavaScript. 
    • Framed: this displays the widget inside of an iframe element on the page. The widget's content, styles, and JavaScript will be contained within the iframe, rather than directly on the page itself. This is a good option to choose if the Simple output format creates issues on your page.
      • If you choose this option, you can set the Height and Width of the iframe element.
  2. Chose the List Format for your widget.
    • Bulleted list: this displays a bulleted list of links to your search results page filtered to each tag.
    • Drop-down menu with links: this displays a dropdown menu, with each option linking to the search results page filtered to that tag. 
    • Tag cloud with links: this displays tags in a block of text, each separated by a space. Tags assigned to the most guides will have a larger font size relative to those that do not (with the font sizes determined by the Min Font Size and Max Font Size values). Each tag links to the search results page filtered to that tag.
  3. The HTML code for your widget will display in the Embed Code box, which you can copy and paste into the HTML of your webpage. Below it, you will find an interactive preview of how your widget will appear.