Title: Code Block – Embed Code with One-Click Copy Feature
Author: bPlugins
Published: <strong>April 22, 2025</strong>
Last modified: June 23, 2026

---

Search plugins

![](https://ps.w.org/code-snippets-block/assets/banner-772x250.png?rev=3386535)

![](https://ps.w.org/code-snippets-block/assets/icon-128x128.png?rev=3279102)

# Code Block – Embed Code with One-Click Copy Feature

 By [bPlugins](https://profiles.wordpress.org/bplugins/)

[Download](https://downloads.wordpress.org/plugin/code-snippets-block.1.1.0.zip)

 * [Details](https://mfe.wordpress.org/plugins/code-snippets-block/#description)
 * [Reviews](https://mfe.wordpress.org/plugins/code-snippets-block/#reviews)
 *  [Installation](https://mfe.wordpress.org/plugins/code-snippets-block/#installation)
 * [Development](https://mfe.wordpress.org/plugins/code-snippets-block/#developers)

 [Support](https://wordpress.org/support/plugin/code-snippets-block/)

## Description

[Code Snippets Block](https://bplugins.com/products/code-snippets-block/) is a lightweight
Gutenberg plugin that lets you display programming code in WordPress with syntax
highlighting, copy-to-clipboard functionality, and customizable themes.

[Code Snippets Block](https://bplugins.com/products/code-snippets-block/) | [Pricing](https://bplugins.com/products/code-snippets-block/pricing/)
| [Support](https://bplugins.com/support/) | [Live Demos](https://bblockswp.com/demo/code-snippets-block-all-demo/)

Perfect for developers, programmers, educators, technical writers, and bloggers,
the plugin makes it easy to showcase code snippets, source code examples, developer
documentation, programming tutorials, and technical guides in a clean and professional
format.

Whether you’re sharing PHP, JavaScript, Python, HTML, CSS, JSON, SQL, or other programming
languages, Code Snippets Block improves readability with syntax highlighting and
allows visitors to copy code instantly with a single click.

Built specifically for WordPress and Gutenberg, the plugin is lightweight, responsive,
SEO-friendly, and designed for modern developer-focused websites.

### 🌟 Free Version Features

 * **One-Click Copy Button**: Allow readers to copy the entire code snippet to their
   clipboard in a single click (customizable text/icon).
 * **Multiple Syntax Themes**: Choose from pre-styled syntax themes (like Dark, 
   Midnight, and Light) to match your website design.
 * **Responsive Code Views**: Snippets wrap and resize smoothly, providing an exceptional
   reading experience on mobile, tablet, and desktop.
 * **WordPress Category Integration**: All blocks are neatly grouped under a dedicated“
   Code” category in the Gutenberg block inserter for easy access.
 * **Optimized & Lightweight**: Built using optimized assets that load only when
   a block is on the page, keeping your WordPress site lightning-fast.

### 🚀 Premium Pro Blocks (Unlock 16 Powerful Developer Blocks)

Upgrade to the Pro version to unlock an entire suite of interactive, high-performance
developer blocks:

 1.  **Run Python (WASM)**: A live Python interpreter powered by Pyodide (WebAssembly)
     that runs directly in the reader’s browser. No server-side execution required!
     Lazy-loaded for speed.
 2.  **Code Screencast (Self-Typing)**: Create animated, character-by-character typing
     screen mockup walkthroughs. Perfect for showing how code is built step-by-step.
 3.  **JSON Explorer**: Render complex JSON data as interactive, collapsible, and searchable
     tree views. Includes match-highlighting and copy-path tools.
 4.  **Regex Tester**: A live regular-expression sandbox on your page where visitors
     can test expressions, flags, and match text with live highlighted outputs.
 5.  **Spotlight Code**: Walk readers through specific lines by dimming or blurring
     the rest of the block, complete with captioned steps.
 6.  **Code Snapshot**: Turn snippets into gorgeous mockup graphics with window chrome,
     customized background gradients, shadows, and download as PNG or copy image.
 7.  **API Try-It Console**: A fully functional HTTP/REST API client block that allows
     users to send live requests (GET, POST, etc.) and view timing, status, and formatted
     responses.
 8.  **Annotated Code**: Place clickable badges on specific code lines that reveal 
     detailed descriptions or annotations upon hover or click.
 9.  **AI Code Explainer**: Write your code and generate plain-English explanations
     using OpenAI or Anthropic directly inside the block editor canvas.
 10. **Diagram as Code**: Write Mermaid text and render flowcharts, sequence diagrams,
     class diagrams, Gantt charts, and pie charts compiled from plain text.
 11. **Live Code Playground**: An HTML/CSS/JS sandbox inside a secure iframe where 
     visitors can edit code and see instant visual previews.
 12. **Code Diff / Comparison**: Highlight added/removed lines in Unified or Split (
     side-by-side) view to compare code changes.
 13. **Multi-Tab Code Switcher**: Organize snippets under tabs (e.g. npm vs yarn, or
     JavaScript vs PHP) to let readers easily switch.
 14. **Terminal / Command Line**: A styled terminal shell emulator with typing animations,
     custom prompt, and one-click copy of only executed commands.
 15. **Remote Code Embed**: Fetch and embed code from GitHub Gists, raw files, or CodePen
     pens while styled in your own custom theme.
 16. **Code block**: Custom WordPress Gutenberg block styling options (Custom colors,
     font sizes, paddings, borders, shadows, layout alignment, and line numbering).

### Why Choose Code Snippets Block?

 * **Instant copy-to-clipboard** — visitors copy your code in one click
 * **Syntax highlighting for all major languages** — PHP, JavaScript, Python, HTML,
   CSS, and more
 * **7 built-in color themes** — match your site’s look and feel
 * **Gutenberg-native** — inserts just like any other block
 * **Shortcode support** — embed code snippets anywhere on your site
 * **Fully responsive** — looks great on desktop, tablet, and mobile
 * **Lightweight** — minimal impact on page load speed
 * **Works with any WordPress theme** — zero compatibility issues

### Common Use Cases

The plugin is useful for many types of WordPress websites:

✔ **Programming Tutorials:** Make your snippets easy to read and copy.
 ✔ **Developer
Documentation:** Keep code examples clean and consistent. ✔ **Developer Portfolios:**
Showcase your clean code with pride. ✔ Technical knowledge bases. ✔ Educational 
coding resources.

#### How to use

 * First install the Code Snippets plugin
 * Add the Code Snippets block from the block category called “Widgets” in Gutenberg
   editor.
 * You can change block settings from the right side settings sidebar.
 * Enjoy!
 * For installation help click on Installation Tab

#### Feedback

 * Liked that plugin? Hate it? Want a new feature? [Send me some feedback](https://mfe.wordpress.org/plugins/code-snippets-block/support@bplugins.com?output_format=md)

#### ⭐ Check out the Parent Plugin of this plugin-

🔥 **[b Blocks](https://bblockswp.com/)** – Best gutenberg blocks collections for
WordPress.

#### ⭐ Check out our other WordPress Plugins-

🔥 **[Html5 Audio Player](https://audioplayerwp.com/)** – Best audio player plugin
for WordPress.

🔥 **[Html5 Video Player](https://wpvideoplayer.com/)** – Best video player plugin
for WordPress.

🔥 **[PDF Poster](http://pdfposter.com/)** – A fully-featured PDF Viewer Plugin 
for WordPress.

🔥 **[StreamCast](https://wordpress.org/plugins/streamcast)** – A fully-featured
Radio Player Plugin for WordPress.

🔥 **[3D Viewer](https://3d-viewer.bplugins.com/)** – Display interactive 3D models
on the webs.

## Screenshots

[⌊Code Snippets Admin Dashboard⌉⌊Code Snippets Admin Dashboard⌉[

Code Snippets Admin Dashboard

[⌊Add New FAQ (ShortCode)⌉⌊Add New FAQ (ShortCode)⌉[

Add New FAQ (ShortCode)

[⌊Default Theme⌉⌊Default Theme⌉[

Default Theme

[⌊Dark Theme⌉⌊Dark Theme⌉[

Dark Theme

[⌊Tomorrow Theme⌉⌊Tomorrow Theme⌉[

Tomorrow Theme

[⌊Solarized Light Theme⌉⌊Solarized Light Theme⌉[

Solarized Light Theme

[⌊Twilight Theme⌉⌊Twilight Theme⌉[

Twilight Theme

[⌊Porple Theme⌉⌊Porple Theme⌉[

Porple Theme

[⌊White Theme⌉⌊White Theme⌉[

White Theme

[⌊Github Theme⌉⌊Github Theme⌉[

Github Theme

[⌊Gradient-Light Theme⌉⌊Gradient-Light Theme⌉[

Gradient-Light Theme

[⌊VSCode-Dark Theme⌉⌊VSCode-Dark Theme⌉[

VSCode-Dark Theme

[⌊Codepan Embeb Theme⌉⌊Codepan Embeb Theme⌉[

Codepan Embeb Theme

[⌊Far Theme⌉⌊Far Theme⌉[

Far Theme

[⌊Gutenberg Block Support⌉⌊Gutenberg Block Support⌉[

Gutenberg Block Support

[⌊Gutenberg Block Settings⌉⌊Gutenberg Block Settings⌉[

Gutenberg Block Settings

## Blocks

This plugin provides 1 block.

 *   Code The Code Snippets block plugin lets you easily copy, style, and view beautifully
   highlighted code.

## Installation

#### From Gutenberg Editor:

 1. Go to the WordPress Block/Gutenberg Editor
 2. Search For **Code Snippets**
 3. Click on the **Code Snippets** to add the block

#### Download & Upload:

 1. Download the **Code Snippets Block** plugin (_.zip file_)
 2. In your admin area, go to the Plugins menu and click on **Add New**
 3. Click on **Upload Plugin** and choose the **`code-snippets-block.zip`** file and
    click on **Install Now**
 4. Activate the plugin and Enjoy!

#### Manually:

 1. Download and upload the **Code Snippets Block** plugin to the **`/wp-content/plugins/`**
    directory
 2. Activate the plugin through the Plugins menu in WordPress

## FAQ

### Is Code Snippets Block free?

Yes, Code Snippets Block is a free Gutenberg block plugin.

### Does it work with any WordPress theme?

Yes, it will work with any standard WordPress theme.

### Can I change block settings?

Yes, you can change block settings from the Gutenberg block editor’s right sidebar.

### How many times can I reuse a block?

You can use unlimited times as you want.

### Where can I get support?

You can post your questions on the [support forum here](https://wordpress.org/plugins/code-snippets-block/)

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Code Block – Embed Code with One-Click Copy Feature” is open source software. The
following people have contributed to this plugin.

Contributors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)
 *   [ Prosanta Roy ](https://profiles.wordpress.org/prosanta10/)

[Translate “Code Block – Embed Code with One-Click Copy Feature” into your language.](https://translate.wordpress.org/projects/wp-plugins/code-snippets-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/code-snippets-block/),
check out the [SVN repository](https://plugins.svn.wordpress.org/code-snippets-block/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/code-snippets-block/)
by [RSS](https://plugins.trac.wordpress.org/log/code-snippets-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.1.0 – 23 June, 2026

 * Added new 16 blocks – Run Python (WASM), Code Screencast (Self-Typing), JSON 
   Explorer, Regex Tester, Spotlight Code, Code Snapshot, API Try-It Console, Annotated
   Code, AI Code Explainer, Diagram as Code, Live Code Playground, Code Diff / Comparison,
   Multi-Tab Code Switcher, Terminal / Command Line, Remote Code Embed.
 * Plugin title change and updated block title
 * Updated Dashboard for showcase blocks
 * performance issue fixed

#### 1.0.3 – 14 Oct, 2025

 * remove extra double

#### 1.0.2 – 27 April, 2025

 * border issues fixed;
 * Plugin title change, block title change and some assets updated

#### 1.0.1 – 22 April, 2025

 * Some issues fixed;
 * assets added;

#### 1.0.0

 * Initial Release

## Meta

 *  Version **1.1.0**
 *  Last updated **17 hours ago**
 *  Active installations **200+**
 *  WordPress version ** 6.5 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/code-snippets-block/)
 * Tags
 * [block](https://mfe.wordpress.org/plugins/tags/block/)[code](https://mfe.wordpress.org/plugins/tags/code/)
   [Code Highlight](https://mfe.wordpress.org/plugins/tags/code-highlight/)[Gutenberg block](https://mfe.wordpress.org/plugins/tags/gutenberg-block/)
   [snippets](https://mfe.wordpress.org/plugins/tags/snippets/)
 *  [Advanced View](https://mfe.wordpress.org/plugins/code-snippets-block/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/code-snippets-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/code-snippets-block/reviews/)

## Contributors

 *   [ bPlugins ](https://profiles.wordpress.org/bplugins/)
 *   [ Abu Hayat ](https://profiles.wordpress.org/abuhayat/)
 *   [ Freemius ](https://profiles.wordpress.org/freemius/)
 *   [ Prosanta Roy ](https://profiles.wordpress.org/prosanta10/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/code-snippets-block/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://www.buymeacoffee.com/abuhayat)