Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!


Can I create a LibGuides search box that I can add to other websites?

I want to add a LibGuides search box to our library website, our LibAnswers site, and Blackboard.
Last Updated: Dec 06, 2013  |  4106 Views
Topics: Search, How To...

Was this helpful? 1   2


You sure can! Here's how:

  • Log into your LibGuides
  • Select Tools> API Utility.
  • Choose Search Box.
  • For the API Request Format, it doesn't matter what you choose. However, if you want to add other content below the search (links, tips, etc.), choose Show me the JavaScript Include Code.
  • Highlight & Copy that code.
  • Paste the code anywhere! You can add it to a guide, your library's homepage, or to any other site to which you're allowed to add content.

Answered by Anna BurkeBookmark and Share

Other Answers / Comments (7)

  1. Hi,
    is there a possibility for using the API without making the little blue informations-buttons disappear and changing the box-colors from default to something else? Because this is what happens automatically when I use the API (Javascript-code)...
    Many thanks!
    by Mathilde on Apr 25, 2013.
  2. Hi Mathilde - I emailed some follow-up questions to you but received a message that said there was no such email address on your server. Can you confirm that the address you listed here - - is the correct one to use? Thanks. - Ken
    by Ken Liss on Apr 25, 2013.
  3. Hi Ken,
    yes, that is the correct one, but it's obviously still not possible to write emails to that adress because I'm only an intern... Maybe you could email me to the email adress I listed now?
    Thanks again,
    by Mathilde Linnenberg on Apr 25, 2013.
  4. Hi Mathilide - I sent this by email but am adding it here as well.

    Hi Mathilde -

    My colleague Sarah helped me out with this one. It's not really a bug, but a conflict between different CSS on the page. Fortunately, we have an easy solution in place.

    There are two things you should do: First, remove this part of the code . Then, add &css=0 after format=js. So the code should look like this:

    That should do it, but let us know if there are any other issues.

    - Ken
    by Ken Liss on Apr 25, 2013.
  5. Is there a way to have this search box pull from the stylesheet I am using on my LibGuides system? I tested the box out, and it somehow overwrote my entire stylesheet.
    by Amanda Strauss on May 20, 2013.
  6. Hi Amanda!
    What kind of changes did you want to make to it? Please send more details so I can take a look and do a bit of testing - for instance, could you send a link and example(s)( of where you tried this and how your style sheet was overwritten? Are you referring to the look and feel of the LG searchbox itself?
    by Valentina Mayz on May 20, 2013.
  7. Hi Keely,
    Yes, take a look at the following: (The section at the bottom of the page offers options for customizing the API output for the search box.)
    by Valentina Mayz on May 21, 2015.

Need Help?

This site is shutting down by, if not before, March 31, 2018.

LibGuides v1 servers are also shutting down at that time.

See LibGuides v2 documentation instead.


Follow LibGuidesFAQ on Twitter Follow us on Twitter!