Skip to main content

Add an embed code from another website or app

Many websites offer an embed code to share their content (usually an iframe). You can embed that content inside your book

Dan Amos avatar
Written by Dan Amos
Updated today

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 Media button

3. Click on the Embed option in the menu

A menu is open with the options: TOOLS, MEDIA, and APPS. The MEDIA option is highlighted. Below the options are: Templates, Shapes, Icons, Files, and Embed.

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 the Add button.

A pop-up window titled "Confirm details" shows a web page link and title. The title is "CoSpaces Edu :: Squirrel coding challenge". The "Add" button is highlighted.

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.

A tablet screen shows a blank white page with a menu on the right side. The menu has options for Shapes, Files, Map, and Web Embed. The top of the screen says "Cover."

Options for displaying the link

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

A screenshot of a webpage with a 3D illustration of a landscape with trees and water. The text on the page includes "CoSpaces Edu :: Squirrel coding challenge."

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.

Click the X button to go back to your book.

A video showing a book with embedded content. The user clicks on the link to open it and the content has popped up on the page. The content shows a 'Squirrel coding challenge'. The user clicks the play button.

💫 Share your thoughts with our Product Team!

We're always eager to hear your ideas and understand your needs. If you have feedback, a suggestion, or an unmet user need, please schedule some time – we'd be happy to connect!

Did this answer your question?