PluginSift
PluginsThemesCompare
Directory
  • Plugins
  • Themes
  • Compare Plugins
Plugin Comparisons
  • SEO
  • Security
  • Ecommerce
  • Page Builders
  • Caching
  • Backup
  • Forms
  • Analytics
Resources
  • About
  • Contact
  • llms.txt

© 2026 PluginSift. Data sourced from WordPress.org. · [email protected]

  1. Home
  2. Plugins
  3. Code
  4. CodePen Embed Block
CodePen Embed Block icon

CodePen Embed Block

An (official) block for CodePen Embeds.

By Chris Coyier·Code·Free
5(2 reviews)
·700 active installs·Updated 9 months ago
DownloadCompare

As of April 2026, CodePen Embed Block is a WordPress code plugin with 700 active installations and a 5/5 rating from 2 reviews. It has been downloaded 13K+ times in total. Requires WordPress 5.1+ and PHP 7.2+. Available on WordPress.org since 2020. Top alternative: WPCode – Insert Headers and Footers +….

5/52 reviews
700active installs
13K+total downloads
6 yearssince 2020

Overview

CodePen is an online code editor for front-end development. You build things (we call them Pens) with HTML, CSS, and JavaScript, and the languages and libraries that go along with those. Any Pen can be embedded on another site, making them useful for blog posts, documentation, forums, etc.

This block makes it easy to embed them. While oEmbed (just paste in a Pen URL!) also works for CodePen embeds in the block editor, this plugin allows for much more control, like setting the the height, theme, and default tabs.

Read full description on WordPress.org

Screenshots

Ratings & Reviews

52 reviews
5 ★
2
4 ★
0
3 ★
0
2 ★
0
1 ★
0

Compatibility

WordPress5.1+ requiredTested up to 6.7.5
PHP7.2+ required

Top Alternatives to CodePen Embed Block

WPCode – Insert Headers and Footers + Custom Code Snippets – WordPress Code Manager icon
WPCode – Insert Headers and Footers +…
4.93.0M+ installsUpdated 2 weeks ago
ViewCompare
Code Snippets icon
Code Snippets
4.71.0M+ installsUpdated 1 month ago
ViewCompare
Simple Custom CSS Plugin icon
Simple Custom CSS Plugin
4.7100K+ installsUpdated 1 year ago
ViewCompare
Head & Footer Code icon
Head & Footer Code
5100K+ installsUpdated 3 days ago
ViewCompare
Shortcoder — Create Shortcodes for Anything icon
Shortcoder — Create Shortcodes for…
4.9100K+ installsUpdated 1 month ago
ViewCompare
View all code plugins →

Frequently Asked Questions

Changelog

1.0

  • Initial release
View full changelog on WordPress.org

Contributors

Andrew TaylorAndrew Taylor
Plugin Info
Version
1.2.0
Last Updated
Jul 1, 2025
WP Requires
5.1+
Tested Up To
6.7.5
PHP Requires
7.2+
Active Installs
700
Downloads
13K+
Added
Jan 17, 2020
Business
Free

Tags

codeembedcodepengutenberg

Developer

C
Chris Coyier
2 plugins0.0M+ total installs
View all plugins →

Quick Compare

CodePen Embed Block vs WPCode – Insert Headers and Footers +…→CodePen Embed Block vs Code Snippets→CodePen Embed Block vs Simple Custom CSS Plugin→

Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.