Embed Codes and Library Web Sites

Not only it is important to have a web presence for your library, it is also important to provide embedded resources for students to access. It removes the amount of clicks to reach a desired location–a video, link, document, and more. Our students can then view a variety of instructional resources on one page.

What are some items we can embed to our web pages?

  • Videos from YouTube, Vimeo, or other web-hosting pages
  • Videos from Google Drive (if YouTube is blocked in your building or district)
  • Documents
  • Other website content
  • Library Twitter account or other social media
  • Presentations via Slideshare
  • Book information from Goodreads or other similar sites
  • Anything else with an embed code

What is an embed code?

An embed code provides a short code usually in HTML language for users to copy and paste into a website. Typically, it provides the source link and height and width of the item.

Don’t worry–you will not need to know the meaning of the code. The most important part is making sure you copy ALL of the provided code.

How do I find the code?

The embed code can be found in different places depending on the site.

YouTube: Click Share. Click Embed and a code appears. It even allows you to choose the size of the video.
Twitter: Click here to learn more.
Slideshare: Click your uploaded presentation/slideshow. Click Embed and choose the size.

View the image below to see a Twitter example.

In other sites, look for the share or embed links. If you cannot find them, access the Help or Support section of the site to learn more.

What’s next?


Copy the Code

Once you find the embed code, copy the entire code.  View the example gif below for how to access the YouTube embed code.

Embed Code - YouTube

Locate and Paste the Code

Access your library web page.

Look for a section to add HTML or an embed code option.

Weebly: Look for the Embed Code button to paste the code.
WordPress: Click here to view specific steps.
Google Sites: Use the Embed URL option provided. Google makes it easy to embed anything from Google Drive and YouTube.

If you have another website provider, utilize the support page to locate information about embedding codes into the site.

View the Code

Save and view the page. The embedded item should appear.

You may need to go back and resize the item. You can do this in the embed code or many sites offer the ability to customize the size before grabbing the code. Use the option that is available to you.

YouTube Example:

What other sites do you embed to your library pages? Let us know in the comments below.

Having difficulty embedding a site? Let me know below, send me an email, or direct message me on Twitter.

Author: Becca Munson

Becca Munson, Librarian, is a National Board Certified Teacher with over 24 years of experience in education. Becca is the Coordinator for Library Systems in the Blue Valley School District. Previously, she was school librarian at Blue Valley West High School. She opened two buildings in Blue Valley and spent some time as an Ed Tech Specialist before returning to libraries. Becca supports over 45 librarians and support staff as they work to fulfill the mission of flexible scheduling, collaboration, and literacy.

Categories: Blog Topics, Technology


1 reply

  1. I would like to have our district databases embedded into my library website but I can’t find any code to embed. Where would I find the code to embed if there isn’t a share or embed option given in the site?

    Thank you,

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.