Embedding a book on a website

Get a special embed code to share your book on your class blog or website

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

Once a book is published, you can access the read-only version online.

When you're reading a book, one of the sharing options you have is the ability to embed the book on a website.

If you want to embed a book, click on the option in the menu and you'll get a full embed code. Click Copy to clipboard and then paste the embed code into a HTML editor.

Here's the whole process:

NOTE: This method will provide you with a snippet with a link, and the cover image - this is what will display on your website.

Embedding a book so you can turn the pages [Advanced]

Following the process above will give you a preview link. If you want to embed a book to have the full page-turning experience, you're going to have to have to use a little bit of code editing knowledge to get there. 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 book as you want. We know this method works for the Book Creator website, which is built with WordPress and hosted by WPEngine.

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

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

<iframe src="https://read.bookcreator.com/aWAhdfUWXPQR1UPW7fJOHnfObsb2/_or2hLPmR3WlS34sPH_WKQ" height="550" 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.

4. You can also append the read.bookcreator.com URL with these strings for different options:

Show single pages only

?sidebyside=false

Hide the left/right page navigation

?showcontrols=false

Hide the preview popup

?nopreview

You can include multiple parameters by using the & symbol to string them together. So the whole iframe with all of the above options included would look like this:

<iframe src="https://read.bookcreator.com/aWAhdfUWXPQR1UPW7fJOHnfObsb2/_or2hLPmR3WlS34sPH_WKQ?sidebyside=false&showcontrols=false&nopreview" height="550" allow="clipboard-write self https://read.bookcreator.com"></iframe>

Embedding a book 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?