To embed a Pen from CodePen, you will need to create or edit a Post or Page on your site. Next, copy the URL of your Pen and paste it on a line by itself in your Visual editor . Make sure that it is not hyperlinked. That’s it!
Read moreCan I embed CodePen?
Bring your creations on CodePen to documentation, blog posts, or any other site! You can embed Pens on other websites with our copy-and-paste Embed code . To get the code, click the “Embed” button in the footer of the Editor on any Pen. This will open the Embed Builder.
Read moreHow do I embed CodePen into developer?
Here are the current methods to achieve this on both platforms.
Read moreCan I use CodePen on my website?
The gist of it is open source. Anyone can use the code you put on CodePen for whatever they wish – but if they do – that code also must have this same license . This is to encourage open sharing of code. Remember that any code you post on CodePen should be compatible with this license or it is subject to removal.
Read more