Nicolet Federated Library System
  • Libraries
  • Online Resources
    • Library Catalogs
      • InfoSoup Library Catalog
        • InfoSoup App
      • Brown County Library Catalog
    • Digital Libraries
      • Wisconsin's Digital Library
      • Wisconsin's Online Library: BadgerLink
        • Resource guide for public libraries
    • Wisconsin State Documents
      • Wisconsin Digital Archives
      • Wisconsin Legislative Reference Bureau Digital Collections
      • Wisconsin State Government Web Archives
    • Beanstack library reading challenges
  • Library Services
  • Trustees
  • About
  • Blog
  • Translation
  • Libraries
  • Online Resources
    • Library Catalogs
      • InfoSoup Library Catalog
        • InfoSoup App
      • Brown County Library Catalog
    • Digital Libraries
      • Wisconsin's Digital Library
      • Wisconsin's Online Library: BadgerLink
        • Resource guide for public libraries
    • Wisconsin State Documents
      • Wisconsin Digital Archives
      • Wisconsin Legislative Reference Bureau Digital Collections
      • Wisconsin State Government Web Archives
    • Beanstack library reading challenges
  • Library Services
  • Trustees
  • About
  • Blog
  • Translation
Search

InfoSoup Widgets for Library Websites


The information below is for InfoSoup libraries' use for the purpose of marketing InfoSoup's catalog and some of its features and offerings. This list is not all-inclusive, and sourced from ​infosoup.bibliocommons.com/info/integration. Please see your NFLS or OWLS marketing contacts with any questions.

​JavaScript-Enhanced Widgets

JavaScript Setup Code
Paste the following snippet at the bottom of the page or if necessary, after every widget on the page. It’s best for performance if this part is embedded only once.
Snippet:
​<script async="async" type="text/javascript">(function(){var e=document.createElement("script"); e.src="https://infosoup.bibliocommons.com/javascripts/sdk.js"; e.async=true;var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})()</script>

User Navigation Widget (Top Menu Bar)
You’ve seen this bar on the top of every BiblioCommons catalog page, now you can add it to your own site -- no server-side coding necessary!
Snippet:
​<div class="bc-widget bc-my-account-nav"></div>

Login / Logout (Top Menu Bar)
It contains the login / logout links, as well as links to the user's settings page.
If you want to change the color of the links, just add the attribute data-bc-widget-link-color:

Log In
Snippet:
<div class="bc-widget bc-login-nav-widget" data-bc-widget-link-color="#00F"></div>

Account Info (from user dashboard)
Perfect for your homepage or as a sidebar on select pages, now you can embed the user dashboard sidebar account summary on your own pages. This widget also doubles as a login form when users aren’t signed in.
Snippet:
<div class="bc-widget bc-account-widget" style="width: 300px;"></div>

Bib Item Widget
Snippet:
<iframe class="bc-widget bc-item-widget" src="//infosoup.bibliocommons.com/widgets/item/S123C456789" width="100%" height="192" frameBorder="0" scrolling="no" allowTransparency></iframe>

Bib Item Widget - Item Not Found
Snippet:
<iframe class="bc-widget bc-item-widget" src="//infosoup.bibliocommons.com/widgets/item/S987C654321" width="100%" height="192" frameBorder="0" scrolling="no" allowTransparency></iframe>

​IFRAME-Powered Carousel Widgets

To add a carousel widget to your website you need to simply copy and paste the following lines of code into your webpage.
​
By using the code below you no longer have to download javascript or CSS to support the carousels and all updates that occur in the catalog will immediately be reflected on your site.
​
Recently Review Carousel
The following code produces the recently reviewed carousel.
Snippet:
​<iframe src="//infosoup.bibliocommons.com/widgets/carousel_rr" height="315" width="550" frameBorder="0" scrolling="no"></iframe>

User List Carousel
To display a user list in a carousel your must know the list id.

To get the list id simply navigate to the desired list in a browser and copy the 2nd number that appears in the URL.

For example the carousel below was generated from the URL,
"https://infosoup.bibliocommons.com/list/share/1980117739/2196395929".  The second number 2196395929 is bolded. Simply replace the word LIST_ID with that number in the code snippet provided below.
Snippet:
<iframe src="//infosoup.bibliocommons.com/list/list_browse/user/LIST_ID" height="315" width="550" frameBorder="0" scrolling="no"></iframe>

Adding a Search Form

Keyword only Search
This is the HTML code you can add to your site to search your BiblioCommons catalog by keyword.
Snippet:
​<form action="http://infosoup.bibliocommons.com/search"> <input type="hidden" name="t" value="smart"/> <input type="text" name="q"/> <input type="submit" value="search"/> </form>
​

Searching different types
This form includes a select box with options for searching on keyword, title, subject, tag, author, lists and users. As new search types become available this page will be updated to reflect that but you will have to update the form manually on your site.
Snippet:
​<form action="http://infosoup.bibliocommons.com/search"> <select name="t" id="t"> <option value="smart" title="Keyword">Keyword</option> <option value="title" title="Title">Title</option> <option value="author" title="Author">Author</option> <option value="subject" title="Subject">Subject</option> <option value="tag" title="Tag">Tag</option> <option value="userlist" title="List">List</option> <option value="user" title="User">User</option> </select> <input type="text" name="q"/> <input type="submit" value="search"/> </form>
​
​Libraries
  • Employment opportunities
  • ​Share your library story
  • Public library fast facts
Vertical Divider
​​Online Resources
  • Library Catalogs
    • ​​InfoSoup library catalog
      • ​InfoSoup App
    • Brown County Library catalog
  • ​Digital Libraries
    • ​Wisconsin's Digital Library
    • Wisconsin's Online Library: BadgerLink
      • Resource guide for public libraries
Vertical Divider
  • ​Wisconsin State Documents
    • ​Wisconsin Digital Archives
    • Wisconsin Legislative Reference Bureau Digital Collections
    • Wisconsin State Government Web Archives
  • Beanstack library reading challenges
Vertical Divider
Library services (for staff)​
​Trustees
  • Board members
  • Board meetings
  • Trustee resources
  • Meetings archive
About
Blog
return to homepage
Nicolet Federated Library System
1595 Allouez Avenue, Suite 4, Green Bay, WI 54311
Email: nic@nflsoffice.org
​Phone: 920-448-4410
​Fax: 920-448-4420
Staff Hours: Weekdays, 8:00 a.m. - 4:30 p.m.
Visitor Hours: By Appointment Only
Accessibility Statement
Language Translation
© Nicolet Federated Library System
  • Libraries
  • Online Resources
    • Library Catalogs
      • InfoSoup Library Catalog
        • InfoSoup App
      • Brown County Library Catalog
    • Digital Libraries
      • Wisconsin's Digital Library
      • Wisconsin's Online Library: BadgerLink
        • Resource guide for public libraries
    • Wisconsin State Documents
      • Wisconsin Digital Archives
      • Wisconsin Legislative Reference Bureau Digital Collections
      • Wisconsin State Government Web Archives
    • Beanstack library reading challenges
  • Library Services
  • Trustees
  • About
  • Blog
  • Translation