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 Embed

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

Help Center