How To Embed CodePen Pen In WordPress And Start Sharing Code Easily ?

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:

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.