How to add the code to Book Creator

Once you have copied the embed code, in Book Creator, you'll navigate to the page where you want to add this content.

1. Click the + button in the toolbar

2. Click the Import button

3. Click on the Embed tab in the toolbar

4. Paste your embed code (usually an <iframe>) into the space provided, then click Confirm web link.

5. Wait for the link to be validated, then add a title for the embed link and click Add to book.

Book Creator for iPad

The process is very similar but you'll find the Web Embed option by tapping the + button, then the More tab and then the Web Embed.

Now you have the link on your page, you can resize it and move it as you wish. When it's selected, you can also click the Inspector and change a few more things:

  • Toggle on/off the thumbnail image (if the embed code contains one)
  • Change the link title text
  • Toggle on/off the link title
  • Change the font/color of the link title
  • Move the link backwards or forwards to layer it on the page

Viewing the embedded content

At this point, you can click on the text or the thumbnail (in read mode or edit mode) and the content will pop out from the page. In most cases you can then switch to full screen or open the link in a new tab.

You'll be able to interact with the content in the same way you normally would (in the example below, I can drag the view or skip through the scenes).

Click the X button to go back to your book.

BONUS! Shortcut way to add embeddable content to a book

In some cases you won't even need to get the embed code - you can simply drag and drop the link URL straight into the book, like this:

Did this answer your question?