Skip to main content

LibGuides Toolkit: Add Content

Types of Boxes

Standard Box:

This box will likely be your most-used box. You can add any kind of content you want within this box - not just Rich Text/HTML including:

Content you've added

  • Databases
  • Links
  • Guide Lists
  • Books from the Catalog
  • Documents/Files

Interactive/Dynamic tools

  • RSS Feeds
  • Media/Widgets
  • Polls
  • Google Search Boxes

You can add various types of content all in one box. You reorder content within the box as well! Move a whole group of links from one place to another, or simply move one link from one group of links to another within the same box.

Gallery Boxes:

Easily create a box of rotating images that you have uploaded to your Image Manger or that you have found online.

Adding Images to a Gallery Box:

  1. After adding the Gallery box to the page, click the Cog icon in the box's header.
  2. On the Add/Edit Panes window for the Gallery Box, paste in an image's URL or click Browse to add an image from your Image Manager.
  3. Give your image a label and a caption.
    • You can also add a link to the image if you want the image to be a clickable link.
  4. Click Create to add an additional pane or click OK to save your box.

Images should fill the entire box for the best look. Here are some image widths to keep in mind:

  • Top/Bottom box or a Single column: 1200 px
  • 25% column: 300 px
  • 50% column: 600 px
  • 75% column: 900 px

The Gallery Box will also automatically change its height based on the current image, so it is also a good idea to have your images all be the same height.

Tabbed Box:

Use a tabbed box to include multiple tabs of content in a single box - it's a great way to include a lot of content without taking up a lot of space!

Setting up a Tabbed Box:

  1. After adding the Tabbed Box to the page, click the Cog icon in the box's header.
  2. On the Add/Edit Tabs pane, give your tab a name and click Create New Tab.
  3. Give your next tab a name and click Create New Tab again.
    • ​If you have changed an existing tab name, be sure to click Update to save your changes.
    • You can reorder your tabs by clicking and dragging them to a new position. Be sure to click Save Positions.
  4. Add additional tabs or click OK.
  5. Add content to the box!

Profile Box:

The Profile Box type lets you add any user profile in your system to any page, anywhere.

  1. After you have added the Profile Box to your page, click the Cog icon in the box's header.
    • Note: The owner of the guide is the profile that is displayed by default.
  2. Choose the profile to display
  3. Click OK.

Top / Bottom Box:

If you're using tabbed nav, you get a "top box" and a "bottom box". These boxes span all columns, no matter how many you have displayed on the page.

If you choose not to use them, don't worry! You'll still see the option to add them, but they won't appear on your "live" guide.

Adding Boxes

New Boxes

  1. Click Add Box, in the column where you would like to add it. 
    add box link
  2. Give it a name, choose the type, and select its position in the column.
  3. Click Save.

Reusing Boxes

  1. Click on Add Box for the column you would like to add the box to.

  2. Click the Reuse Existing Box tab in the popup window.

  3. Select or fill out the following:

    • Guide - Choose the guide that contains the box you want to reuse
    • Box - Select the box you want to reuse
    • Box Name - If you're mapping this box to the original, you won't be able to change the box title. However, if you're making a copy, you can change the box name. 
    • Position - Decide where your box should appear 
    • Draft mode - if your guide is published, but you're not ready to share this box with the public, use Draft Mode! The box will only be visible in edit mode. 
    • Copy - You will be able to make changes to this version of the box. If left unchecked, you will not be able to make any changes.
  4. Click Save.

Reordering Boxes

Not happy with the order of your boxes? Reorder them!

  1. Click on the Page button above your content area.
  2. Choose Boxes from the Reorder/Move section of the dropdown.
  3. On the Reorder/Move boxes window, drag and drop your boxes to their new locations.
  4. If you want to move a box to a different page within the guide, simply drag it over to that page in the left hand column.
  5. Click Save.

Adding Assets to Guides

Assets: The Actual Content

Adding assets to your guides, is why we are all here! It's the actual content of your guides, and it couldn't be simpler!

  1. In either a Standard Box or a Tabbed box, click the Add/Reorder button.
  2. Choose the asset type you want to add.
  3. Enter the necessary information for that asset (or reuse an existing asset).
  4. Click Save!

It's that simple!

Note: For information on managing your assets, visit the Managing Assets guide.

Overview of Asset Types

There are ten standard assets that you can add to a content box. Each asset type has it's own distinguishing features that make it worth adding to a guide. The standard assets are:

  • Rich Text/HTML
    • Your standard WYSIWYG-based rich text content item. Add your own custom HTML, images, tables, etc. The possibilities are nearly limitless.
    • Note: Rich Text/HTML assets cannot be reused and are not included in the Assets repository
  • Database
    • Add a link to a database that you have added to your A-Z list.
    • Databases are managed in the Databases repository and cannot be created directly from a guide.
  • Link
    • Add a web link. Any link. 
    • Create a brand new link or reuse on of your existing links.
    • Included in Assets repository.
  • Media/Widget
    • Add a widget for a video, search box, an iframe of another webpage, or anything else you can embed!
    • Adding your widget code through this asset type (instead of adding it to the Rich Text/HTML type) allows for the widget to be reused across your system.
    • Included in Assets repository.
  • Book from the Catalog
    • This one is pretty self explanatory. Add a link to a book from your catalog!
    • Add a brand new book or reuse an exisitng book from your system.
    • Included in Assets repository.
  • Document/File
    • Upload a document to your guide that your users can quickly access and download.
    • Files can be up to 10MB (LibGuides) / 20MB (LibGuides CMS).
    • Add a brand new file or reuse an existing one from your system.
    • Included in Assets repository.
  • RSS Feed
    • Pull an RSS feed from your library's blog, a website, or something else.
    • The RSS feed asset has a built-in feed validator!
    • Included in Assets repository.
  • Guide List
    • Quickly create a list of guides from your system.
    • Manually select a list, or choose guides for subject, user or group.
    • Not included in Assets repository.
  • Poll
    • Want to share a quick poll with your users?
    • Define up to 10 poll choices and add an optional link for each of them.
    • Included in Assets repository.
  • Google Search
    • Add a Google search box.
    • Choose from a standard search, Google Books, Google Scholar, or Google Patents.
    • Not included in Assets repository.

Reordering Box Content

Reordering your box content:

After adding your content to a box, you can quickly and easily reorder it.

  1. Click the Add/Reorder button at the bottom of the box.
  2. Choose Reorder from the dropdown list.
  3. Drag and drop the box's content items to their new locations.
    • Tip: You can group assets of the same content type together in the same group. You can also drag an asset out of that group and move it to its own location in the box.
  4. Click Done Reordering.

reordering content

Search Box

The Search Box widget allows people to search either your guides or your database list.

  1. Head to Tools > Widgets > Search Box.
  2. In the Type Selection section:
    • For Search Type, decide whether the box should search guides or databases.
    • For Embed Type, choose JavaScript or URL. If you're not sure which open to use, we recommend JavaScript.
  3. In the Look & Feel section:
    • Choose the placeholder text. This is pale text that appears in the search box, which disappears once the user starts typing. It's a good place to provide brief instructions, like "Enter a database name."
    • Decide what the search button should say. Ex. search, submit, go
    • Decide how wide your search box should be. You can either enter a number or a percentage (ex. 100%). The advantage to using a percentage is that it will resize according to its "container."

Preview Your Widget

For every widget, you'll see a live preview in the right-hand column. This preview helps you make sure your widget looks just right!

Embed Your Widget

The embed code is at the top of the screen, on the right. Just copy & paste!

The widget builder screen, highlighting the embed code and preview areas


All the instructions and images on this page are from Springshare.  Please visit their website for more information.