CodePen Embedded Pens Shortcode is the new plugin that makes it easy to embed any pen on your self-hosted WordPress site. On the CodePen side of things, pens have now been updated to show a WordPress shortcode option when you click on Embed:
If you’ve found a pen that inspires you and want to share it on your site, it’s as easy as copying that shortcode and pasting it into either the visual or text editor in WordPress.
The pen will then be embedded on your site with a tabbed interface for the code and the demo:
The plugin allows you to set a default theme for the pens. You can also override the default theme via the shortcode attribute. In the future, the CodePen team plans to add a fancy UI for picking pens to embed as well as more control over the HTML output.