If you are a developer using CodePen, you can easily embed it in your WordPress blog posts and pages in just a few steps. This tutorial is about CodePen Embed, a free WordPress plugin. Install and activate it. After activation it adds a button to WordPress Visual Editor and also a quicktag button to the HTML Editor. Now you can generate the shortcode from visual and HTML editors while writing your blog posts and pages, it makes a shortcode with empty parameters, define the parameters and enjoy the plugin.’
CodePen Embed Button:
CodePen Embed Form:
Generated Shortcode: