All Collections
Sharing books
Publishing your books
Embedding a published library on a website
Embedding a published library on a website

[Advanced] Tips for using an iframe to display a published library on your blog or class website

Dan Kemp avatar
Written by Dan Kemp
Updated over a week ago

Once you've published a library, you can share it with a link, but how about embedding it on your blog or class website to really showcase your work?

There is no simple way to do this. You'll need to use an iframe, which is a little snippet of HTML code that you'll insert into your website. You'll need to know how to do this for your own website, and that's not something we can help you with.

Even if you do use an iframe, please be aware that different website platforms and hosting providers treat iframes differently, so we cannot guarantee that it will display the embedded library as you want. We know this method works for the Book Creator website, which is built with WordPress and hosted by WPEngine. You can see an example of how we did this at bookcreator.com/example-books.

Embedded libraries examples

1. Get the read.bookcreator.com URL of your library. You'll get this after you've published the library.

2. Use the iframe HTML below, substituting your URL for the one in the example.

<iframe src="https://read.bookcreator.com/library/-LCESe5qTaw-qLZCBqm3" height="800" allow="clipboard-write self https://read.bookcreator.com"></iframe>

3. You can adjust the height value (in pixels) to suit your needs. You can also add a "width" setting if you need to.

Embedding a library in Google Sites

There is another way... if you use Google Sites, their website builder intuitively handles all of this for you, and you don't need to use code at all, for exactly the same effect!

Use the Embed function in their website builder, and simply copy and paste the URL, and then choose Whole page.

See the demo below:

Did this answer your question?