How To Embed CodePen in Your Website.
I tried CodePen belatedly.
To embed CodePen viewer in my WordPress web site as below.
What is CodePen?
CodePen is a social development environment for front-end designers and developers.from CodePen
In my case, I’ve signed up at first, but you can just start coding by clicking “Start Coding” button.
Click “Embed” button at the lower bottom of the page after coding.
Select the style of editor and change the size of the window. you can use anything you like. I chose “HTML (recommended)” and copy the code.
Paste the copied code in the Custom HTML block as below.