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

The Embed block allows you to embed content from supported web services using their URL.

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

Embed Block

To add an embed 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 embed, or locate it in the Embeds section, and click on the Embed icon. You can use the Embed block or click on the icon for the content you want to embed.

Add Embed block

More detailed instructions for adding blocks can be found here.

Add Embed

Once the embed block is added, paste the link to the content you want to embed then click on Embed.

For example, you use the video URL to embed a video from Animoto, Dailymotion, Facebook, Vimeo or YouTube.

Paste the link

Once you’ve entered the URL you want to embed you can add an optional text caption below the embedded content.

Optional Text caption

This embed option can be used for supported websites only.

Supported websites

Services that you can embed using a URL include:

Service Embed Type
Animoto Videos
DailyMotion Videos
Facebook Post, activity, photo, video, media, question, note
Flickr Videos and images
Imgur Images
Instagram Images
Issu Documents
Meetup.com Various
Mixcloud Music
Photobucket Images
PollDaddy Polls & Surveys
Reddit Posts & Comments
Scribd Documents
Slideshare Presentations
Soundcloud Audio
TED Videos
Twitter  Tweets
Vimeo Videos
YouTube Videos

BLOCK TOOLBAR

The embed block toolbar includes options to change alignment and the embed URL.

Embed block toolbar

  • Align left: used to align embed content left.
  • Align Center: used to center embed content.
  • Align Right: used to align right embed content.
  • Edit URL: to replace the embed URL with a new URL.

Block Settings

Unlike most other blocks the embed block only provides the option to add Additional CSS Class in the editor sidebar of the block editor.  Click on the Settings icon next to the Publish/Update button if you don’t see the editor sidebar.

Embed Block Settings

The advanced tab lets you add a CSS class to your block allowing you to write custom CSS and style the block.