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 moreIs it OK to copy code from CodePen?
We encourage you to read that in full, but in brief, people are free to copy it and their copy can be copied as well . There are many reasons for this, one of which is that it’s kind of awesome to browse CodePen knowing everything is usable for anything you want.
Read moreHow do I use CodePen in HTML?
How to run code in CodePen
Read moreAre CodePen codes free?
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