Plugins DatabasePlugins Database logo
Back to plugins
WordPress

Actions

DownloadAuthor pageSee on WordPress

Plugin info

Total downloads: 12,658
Active installs: 700
Total reviews: 2
Average rating: 5
Support threads opened: 0
Support threads resolved: 0 (0%)
Available in: 3 language(s)
Contributors: 2
Last updated: 7/1/2025 (183 days ago)
Added to WordPress: 1/17/2020 (5 years old)
Minimum WordPress version: 5.1
Tested up to WordPress version: 6.7.4
Minimum PHP version: 7.2

Maintenance & Compatibility

Maintenance score

Stale • Last updated 183 days ago • 2 reviews

40/100

Is CodePen Embed Block abandoned?

Likely maintained (last update 183 days ago).

Compatibility

Requires WordPress: 5.1
Tested up to: 6.7.4
Requires PHP: 7.2

Ratings

2
0
0
0
0See all reviews

Developers

Andrew Taylor (Owner)1Andrew Taylor5

Languages

French (France)20,849Chinese (Taiwan)6,927

Similar & Alternatives

Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.

CodePen oEmbed
Rating 5.0/5 (1 reviews) • Active installs 50
Compare
WP-Gistpen
Rating 5.0/5 (1 reviews) • Active installs 10
Compare
WordPen
Rating 0.0/5 (0 reviews) • Active installs 10
Compare
See more alternatives to CodePen Embed Block

Description

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.

Installation

Install from the WordPress Plugin Directory.

Frequently Asked Questions

Why is this useful?

It’s helpful for embedding Pens you build (or others have built) on CodePen on your own WordPress site.

Review feed

Georgi Popov
1/20/2022

Great tutorial tool

I write web development tutorials in my blog and have tried many syntax highlighter options for code snippets in the past. I recently decided to give Codepen a try and this plugin is surely the best way to embed and configure those!

Screenshots

  1. Adding a CodePen Embed block.

    Adding a CodePen Embed block.

  2. The block with all the options.

    The block with all the options.

Changelog

1.0

  • Initial release

1.0.2

  • Added editable option

1.0.3

  • Tested up to WordPress 6.3.1

1.1.0

  • Added new setting for default theme ID

1.2.0

  • Rewritten using @wordpress/blocks builder
  • Update RegEx to support 2.0 editor URLs
Back to plugins