Title: Code Block – Embed Code with One-Click Copy Feature
Author: bPlugins
Published: <strong>Igbe 22, 2025</strong>
Last modified: Agẹmọ  12, 2026

---

Ṣàwárí àwọn plugin

![](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

 Láti ọwọ́ [bPlugins](https://profiles.wordpress.org/bplugins/)

[Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/code-snippets-block.1.1.4.zip)

 * [Àwọn àlàyé](https://yor.wordpress.org/plugins/code-snippets-block/#description)
 * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/code-snippets-block/#reviews)
 *  [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/code-snippets-block/#installation)
 * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/code-snippets-block/#developers)

 [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/code-snippets-block/)

## Àpèjúwe

[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Ìtumọ̀ Yorùbá: ’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- **Run Python (WASM)**: A live Python interpreter powered by Pyodide(
WebAssembly) that runs directly in the readerÌtumọ̀ Yorùbá: ’s browser. No server-
side execution required! Lazy-loaded for speed.

 * **Code Screencast (Self-Typing)**: Create animated, character-by-character typing
   screen mockup walkthroughs. Perfect for showing how code is built step-by-step.
 * **JSON Explorer**: Render complex JSON data as interactive, collapsible, and 
   searchable tree views. Includes match-highlighting and copy-path tools.
 * **Regex Tester**: A live regular-expression sandbox on your page where visitors
   can test expressions, flags, and match text with live highlighted outputs.
 * **Spotlight Code**: Walk readers through specific lines by dimming or blurring
   the rest of the block, complete with captioned steps.
 * **Code Snapshot**: Turn snippets into gorgeous mockup graphics with window chrome,
   customized background gradients, shadows, and download as PNG or copy image.
 * **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.
 * **Annotated Code**: Place clickable badges on specific code lines that reveal
   detailed descriptions or annotations upon hover or click.
 * **AI Code Explainer**: Write your code and generate plain-English explanations
   using OpenAI or Anthropic directly inside the block editor canvas.
 * **Diagram as Code**: Write Mermaid text and render flowcharts, sequence diagrams,
   class diagrams, Gantt charts, and pie charts compiled from plain text.
 * **Live Code Playground**: An HTML/CSS/JS sandbox inside a secure iframe where
   visitors can edit code and see instant visual previews.
 * **Code Diff / Comparison**: Highlight added/removed lines in Unified or Split(
   side-by-side) view to compare code changes.
 * **Multi-Tab Code Switcher**: Organize snippets under tabs (e.g. npm vs yarn, 
   or JavaScript vs PHP) to let readers easily switch.
 * **Terminal / Command Line**: A styled terminal shell emulator with typing animations,
   custom prompt, and one-click copy of only executed commands.
 * **Remote Code Embed**: Fetch and embed code from GitHub Gists, raw files, or 
   CodePen pens while styled in your own custom theme.
 * **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Ìtumọ̀ Yorùbá: ’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://yor.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.

## Àwọn àwòrán ìbòjú

[⌊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

## Àwọn ìdí

Plugin yìí pèsè 2 àwọn ìdí.

 *   Code Parent block to select and build code snippet templates.
 *   Code The Code Snippets block plugin lets you easily copy, style, and view beautifully
   highlighted code.

## Ìgbéwọlẹ̀

#### 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Ìtumọ̀ Yorùbá:’
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/)

## Àwọn àgbéyẹ̀wò

Kò sí àwọn àgbéyẹ̀wò fún plugin yìí.

## Àwọn Olùkópa & Olùgbéejáde

“Code Block – Embed Code with One-Click Copy Feature” jẹ́ ètò ìṣàmúlò orísun ṣíṣí
sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí.

Àwọn Olùkópa

 *   [ 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/)

[Túmọ̀ “Code Block – Embed Code with One-Click Copy Feature” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/code-snippets-block)

### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè?

[Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/code-snippets-block/),
ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/code-snippets-block/),
tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/code-snippets-block/)
nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/code-snippets-block/?limit=100&mode=stop_on_copy&format=rss).

## Àkọsílẹ̀ àwọn àyípadà

#### 1.1.4 Ìtumọ̀ Yorùbá: – 12 July, 2026

 * Added dynamic assets loading.
 * Fixed assets loading issues.

#### 1.1.3 Ìtumọ̀ Yorùbá: – 5 July, 2026

 * Updated all code blocks.
 * Fixed plugin register issue.

#### 1.1.2 Ìtumọ̀ Yorùbá: – 29 June, 2026

 * Updated Dashboard for showcase blocks
 * Run Python (WASM) block and JSON Explorer block responsive issues fixed

#### 1.1.0 Ìtumọ̀ Yorùbá: – 23 June, 2026

 * Added new 16 blocks Ìtumọ̀ Yorùbá: – 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 Ìtumọ̀ Yorùbá: – 14 Oct, 2025

 * remove extra double

#### 1.0.2 Ìtumọ̀ Yorùbá: – 27 April, 2025

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

#### 1.0.1 Ìtumọ̀ Yorùbá: – 22 April, 2025

 * Some issues fixed;
 * assets added;

#### 1.0.0

 * Initial Release

## Àkójọpọ̀ Meta

 *  Ẹ̀yà **1.1.4**
 *  Ìgbàgbọ́hùn tó kẹ́yìn **wákàtí 1 sẹ́yìn**
 *  Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **200+**
 *  Ẹ̀yà WordPress ** 6.5 tàbí ju bẹ́ẹ̀ lọ **
 *  Dánwò dé **7.0.1**
 *  Ẹ̀yà PHP ** 7.4 tàbí ju bẹ́ẹ̀ lọ **
 *  Èdè
 * [English (US)](https://wordpress.org/plugins/code-snippets-block/)
 * Àwọn àmì
 * [block](https://yor.wordpress.org/plugins/tags/block/)[code](https://yor.wordpress.org/plugins/tags/code/)
   [Code Highlight](https://yor.wordpress.org/plugins/tags/code-highlight/)[Gutenberg block](https://yor.wordpress.org/plugins/tags/gutenberg-block/)
   [snippets](https://yor.wordpress.org/plugins/tags/snippets/)
 *  [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/code-snippets-block/advanced/)

## Àwọn ìbò

Kò sí ìwádìí tí a tíì fi ránṣẹ́.

[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/)

## Àwọn Olùkópa

 *   [ 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/)

## Ìrànlọ́wọ́

Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́?

 [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/code-snippets-block/)

## Ṣe ìtọrẹ

Ṣé o fẹ́ ṣe àtìlẹ́yìn fún ìlọsíwájú plugin yìí?

 [ Ṣe ìtọrẹ sí plugin yìí ](https://www.buymeacoffee.com/abuhayat)