3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website
Print Friendly, PDF & Email

Embedding content like slides, videos, comic strips, quizzes, polls takes your posts to the next level; providing opportunities for readers’ engagement and interaction in ways not achievable using plain text and images.

Most online tools provide embed code that you can use to embed what you’ve found or created into your posts and pages.

Check out this list of popular web tools, used by educators and students, that can be embedded.

How you embed content depends on if you are using the classic editor or the block editor.

What's On This Page?

Block Editor

The following section explains how to embed content using the block editor. If you are using the classic editor, refer to embed content using classic editor section.

You add embed code to posts or pages using the block editor as follows:

1.  Locate the embed code for the media you created or want to embed.

  • Websites use a range of different icons to represent Embed code.
  • Look for icons like </>, the word Embed or hover your mouse over icons until you see the word Embed.

2.    Copy the embed code.

Copy embed code

3.   Go to Posts > Add New

Add new post

4.  Give your post/page a title and add your content.

5.  Place your cursor where you would like to embed the content and add a Custom HTML Block.

To add a cover block to a page you click on the + icon at the left of any empty block or at the top left of the editor then search for HTML, or locate it in the Formatting section, and click on the Custom HTML icon.

Add Custom HTML Block

Here’s what it looks like when it’s added to the Block Editor.

Custom HTML Block

6.  Paste the embed code into the Custom HTML block.

Paste the Embed code

Click on Preview to view your code directly inside the block.

Preview code

7. Click Publish when you have finished writing your post/page.

Classic Editor

The following section explains how to embed content using the classic editor. If you are using the block editor, refer to embed content using the block editor section.

You add embed code to posts or pages using the classic editor as follows:

1.  Locate the embed code for the media you created or want to embed.

  • Websites use a range of different icons to represent Embed code.
  • Look for icons like </>, the word Embed or hover your mouse over icons until you see the word Embed.

2.    Copy the embed code.

Copy Embed code

3.  Go to Posts > Add New.

Add new post

4.  Place your cursor where you want the video to appear and then click on the Add Media button.

Click on Add Media

5.  In the Add Media window click on the Insert Embed Code tab.

Click on Insert Embed code

6.  Paste the embed code into the Insert Embed code box and click Insert into post.

Paste your Embed code

7.  Click Publish when you have finished writing your post/page.

8.  You should now see your embedded media when you view the published post.