Guide

Embeds user guide

Mark blocks as embeddable and share iframe URLs or embed code for external sites.

Supported blocks

  • core/video, core/image, core/group
  • prc-block/accordion-controller, prc-block/chart, prc-block/audio-player, prc-block/quiz, prc-block/embed-wrapper

Make a block embeddable

  1. Select a supported block in the editor.
  2. Use the embed controls in the sidebar to enable embedding.
  3. Assign a unique embed ID.

Access URLs

URLResult
/{post-slug}/iframe/Full post in branded iframe chrome
/{post-slug}/iframe/{embed-id}/Single embeddable block (content-only); invalid IDs 404
?iframeTemplate=content or ?prc_entity_iframe=1Content-only chrome on /iframe/

Embed code

The iframe footer and REST _embeds field provide embed HTML that includes a responsive iframe and the iFrame Resizer loader for automatic height.

Example shape:

<iframe
	id="pewresearch-org-embed-123"
	src="https://example.com/post/iframe/chart-1/"
	height="500px"
	width="100%"
	scrolling="no"
	frameborder="0"
></iframe>

Was this helpful?