Embed CodePen

Brienne Wong
Brienne Wong
  • Updated

Embed CodePen

You can embed code previews from CodePen using the Embed option in zeroheight.

1) Open your CodePen

Codepen example

2) In the bottom right-hand corner, click EmbedEmbed button in Codepen

3) Choose the iframe tab and select the code. You will only need the URL in the src tag.

Embed window with the iframe tab open to copy the url

4) In zeroheight, choose the Embed block from the toolbar.

Embed function hovered over in the zeroheight toolbar.

5) Paste the CodePen URL.

Codepen embedded in zeroheight

Was this article helpful?