Title: Code Block Copy Button
Author: tcstix
Published: May 30, 2025
Last modified: June 3, 2025
---
Search plugins
# Code Block Copy Button
By [tcstix](https://profiles.wordpress.org/tcstix/)
[Download](https://downloads.wordpress.org/plugin/code-block-copy-button.1.5.4.zip)
* [Details](https://twd.wordpress.org/plugins/code-block-copy-button/#description)
* [Reviews](https://twd.wordpress.org/plugins/code-block-copy-button/#reviews)
* [Installation](https://twd.wordpress.org/plugins/code-block-copy-button/#installation)
* [Development](https://twd.wordpress.org/plugins/code-block-copy-button/#developers)
[Support](https://wordpress.org/support/plugin/code-block-copy-button/)
## Description
[Live Demo](https://www.tonyherman.com/code-copy-button-wordpress-plugin/)
Make it easy for your readers and users to copy code snippets directly from your
website. The Code Block Copy Button plugin adds a handy copy button to all code
blocks, helping developers, tech writers, and educators improve user experience.
**Features:**
– Automatically adds a Copy button to all `` code blocks, including
Gutenberg Code and Preformatted blocks. – Customize the button text (e.g., “Copy”,“
Copy Code”). – Change the button color to match your site’s theme. – Clean, modern
SVG icon included in the button. – Simple settings panel under **Settings > Code
Block Copy**. – Works with both Classic and Gutenberg editors. – Includes an optional
promotional banner in the admin panel.[Live Demo](https://www.tonyherman.com/code-copy-button-wordpress-plugin/)
Make it easy for your readers and users to copy code snippets directly from your
website. The Code Block Copy Button plugin adds a handy copy button to all code
blocks, helping developers, tech writers, and educators improve user experience.
**Features:**
– Automatically adds a Copy button to all `` code blocks, including
Gutenberg Code and Preformatted blocks. – Customize the button text (e.g., “Copy”,“
Copy Code”). – Change the button color to match your site’s theme. – Clean, modern
SVG icon included in the button. – Simple settings panel under **Settings > Code
Block Copy**. – Works with both Classic and Gutenberg editors. – Includes an optional
promotional banner in the admin panel.[Live Demo](https://www.tonyherman.com/code-copy-button-wordpress-plugin/)
Make it easy for your readers and users to copy code snippets directly from your
website. The Code Block Copy Button plugin adds a handy copy button to all code
blocks, helping developers, tech writers, and educators improve user experience.
**Features:**
– Automatically adds a Copy button to all
<
pre> code blocks.
– Customize the button text (e.g., “Copy”, “Copy Code”). – Change
the button color to match your site’s theme. – Simple settings panel under **Settings
> Code Block Copy**. – No coding required – just install, configure, and you’re
done. – Includes an optional affiliate link banner in the admin to help support
development.
### License
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/
gpl-2.0.html for details.
Add a customizable copy button to code blocks for fast, one-click copying.
### License
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/
gpl-2.0.html for details.
Add a customizable copy button to code blocks for fast, one-click copying.
### License
This plugin is licensed under the GPL2 license. See https://www.gnu.org/licenses/
gpl-2.0.html for details.
## Screenshots
* [[
* Example of the Copy button in action.
* [[
* Admin settings page with customization options.1. Example of the Copy button
in action.
## Installation
1. Upload the plugin files to the `/wp-content/plugins/code-block-copy-button` directory,
or install it directly through the WordPress plugins screen.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Navigate to **Settings > Code Block Copy** to configure the button text and color.
1. Upload the plugin files to the `/wp-content/plugins/code-block-copy-button`
directory, or install it directly through the WordPress plugins screen.
4. Activate the plugin through the ‘Plugins’ screen in WordPress.
5. Navigate to **Settings > Code Block Copy** to configure the button text and color.
1. Upload the plugin files to the /wp-content/plugins/code-block-copy-button directory,
or install it directly through the WordPress plugins screen.
6. Activate the plugin through the ‘Plugins’ screen in WordPress.
7. Navigate to **Settings > Code Block Copy** to configure the button text and color.
## FAQ
### How do I use this plugin?
Simply install and activate it. The Copy button will appear automatically on all`
` code blocks. Use the settings page to customize the button text and color.
### Can I customize the position of the button?
At this time, the button is automatically placed above the code block. Future updates
may include position customization.
### Does this plugin support Gutenberg blocks?
Yes! It works with the Gutenberg **Code** block and any manually added
<
pre> tags.
## Reviews
There are no reviews for this plugin.
## Contributors & Developers
“Code Block Copy Button” is open source software. The following people have contributed
to this plugin.
Contributors
* [ tcstix ](https://profiles.wordpress.org/tcstix/)
“Code Block Copy Button” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/code-block-copy-button/contributors)
for their contributions.
[Translate “Code Block Copy Button” into your language.](https://translate.wordpress.org/projects/wp-plugins/code-block-copy-button)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/code-block-copy-button/),
check out the [SVN repository](https://plugins.svn.wordpress.org/code-block-copy-button/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/code-block-copy-button/)
by [RSS](https://plugins.trac.wordpress.org/log/code-block-copy-button/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 1.5.4
* Updated button functions and plugin description.
#### 1.5.3
* Changed admin settings ad link to point to CopyMyIP.dev
#### 1.4
* New admin settings, SVG icon added, duplicate button fix, and improved copy functionality.
#### 1.3
* Finalized admin settings with instructions and promotional banner.
* Cleaned up SVG icon for modern display.
* Prepared for WordPress repository submission.
#### 1.2
* Added admin settings page.
* Included options for button text and color customization.
#### 1.1
* Added Settings link directly from the Plugins page.
#### 1.0
* Initial release. Copy button automatically added to code blocks.= 1.4 =
* Improved compatibility with Gutenberg Preformatted blocks.
* Fixed JavaScript to handle both `` and `` content.
* Restored SVG icon in the Copy button.
* Addressed Plugin Check warnings for asset loading and URL escaping.
* Updated readme and bumped version for release.
#### 1.3
* Finalized admin settings with instructions and promotional banner.
* Cleaned up SVG icon for modern display.
* Prepared for WordPress repository submission.
#### 1.2
* Added admin settings page.
* Included options for button text and color customization.
#### 1.1
* Added Settings link directly from the Plugins page.
#### 1.0
* Initial release. Copy button automatically added to code blocks.= 1.3 =
* Finalized admin settings with instructions and promotional banner.
* Cleaned up SVG icon for modern display.
* Prepared for WordPress repository submission.
#### 1.2
* Added admin settings page.
* Included options for button text and color customization.
#### 1.1
* Added Settings link directly from the Plugins page.
#### 1.0
* Initial release. Copy button automatically added to code blocks.
## Meta
* Version **1.5.4**
* Last updated **10 months ago**
* Active installations **60+**
* WordPress version ** 5.0 or higher **
* Tested up to **6.8.5**
* Languages
* [English (US)](https://wordpress.org/plugins/code-block-copy-button/), [Spanish (Chile)](https://cl.wordpress.org/plugins/code-block-copy-button/),
and [Spanish (Spain)](https://es.wordpress.org/plugins/code-block-copy-button/).
* [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/code-block-copy-button)
* Tags
* [clipboard](https://twd.wordpress.org/plugins/tags/clipboard/)[code block](https://twd.wordpress.org/plugins/tags/code-block/)
[copy button](https://twd.wordpress.org/plugins/tags/copy-button/)[copy to clipboard](https://twd.wordpress.org/plugins/tags/copy-to-clipboard/)
[developer-tools](https://twd.wordpress.org/plugins/tags/developer-tools/)
* [Advanced View](https://twd.wordpress.org/plugins/code-block-copy-button/advanced/)
## Ratings
No reviews have been submitted yet.
[Add my review](https://wordpress.org/support/plugin/code-block-copy-button/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/code-block-copy-button/reviews/)
## Contributors
* [ tcstix ](https://profiles.wordpress.org/tcstix/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/code-block-copy-button/)
## Donate
Would you like to support the advancement of this plugin?
[ Donate to this plugin ](https://tonyherman.com/)