Title: Code Click to Copy
Author: treeflips
Published: <strong>2020-02-12</strong>
Last modified: 2025-08-07

---

Szukaj wtyczek

![](https://ps.w.org/code-click-to-copy/assets/banner-772x250.png?rev=2331403)

![](https://ps.w.org/code-click-to-copy/assets/icon-256x256.png?rev=2243190)

# Code Click to Copy

 Autor: [treeflips](https://profiles.wordpress.org/treeflips/)

[Pobierz](https://downloads.wordpress.org/plugin/code-click-to-copy.1.0.1.zip)

 * [Szczegóły](https://pl.wordpress.org/plugins/code-click-to-copy/#description)
 * [Recenzje](https://pl.wordpress.org/plugins/code-click-to-copy/#reviews)
 *  [Instalacja](https://pl.wordpress.org/plugins/code-click-to-copy/#installation)
 * [Rozwój](https://pl.wordpress.org/plugins/code-click-to-copy/#developers)

 [Wsparcie](https://wordpress.org/support/plugin/code-click-to-copy/)

## Opis

Simple plugin that automatically copies content in `<pre>` and `<code>` tags to 
clipboard (when clicked). Other plugins out there do the same but create a little[
COPY] button that you have to aim for. Mine doesn’t require any aiming, just click
anywhere on the code block and it copies the whole thing. Customizable hover tooltip
lets you know it’s copied.

For sites sharing code-commands, this plugin will save users time from having to
highlight and copy-paste bits of text back and forth. It’s especially helpful for
large globs of code that scroll off-screen, or when copying on your mobile phone.
I’ve added more features to make it more helpful.

**Features:**
 * Easy aim – click anywhere on text block to copy entire text, no
need to aim for tiny text or clipboard icon. * Tooltip text customization – change
tooltip text. * Tooltip color options – customize tooltip background and text colors.*
Tooltip hover custom CSS – completely restyle the tooltip hover. * Tooltip function
custom CSS – apply tooltip function to other CSS classes. Allowing copy function
on any content block, not only code blocks.

## Instalacja

 1. Install easily from your dashboard Add Plugins page or manually download the plugin
    and upload the extracted archived to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the 'Plugins’ menu in WordPress.

## Najczęściej zadawane pytania

### Does this plugin work with newest WP version and also older versions?

Yes, this plugin works perfect with the latest version of WordPress! It also works
with older versions as well but you should always run the latest WordPress and PHP
version for best security and performance. This plugin is used in my critical sites
so you can be assured it works perfect.

### Will this plugin slow down my site?

No. It’s coded extremely lightweight. The plugin CSS and JS is only 1.7KB total,
and inlined in your site footer. No extra CSS or JS files are loaded. It does only
the essential function and nothing more. No heavy PHP processing or database queries.
I’m an absolute speed fanatic.

### Do you plan to add more features?

Not unless someone wanted to pay for my development time and costs. This was intended
as a free community plugin.

### How do I style the copy block?

You can customize the tooltip through the admin settings at Settings > Code Click
to Copy. You can change:
 * Tooltip background and text colors * Custom tooltip 
text messages * Apply copy function to other CSS classes * Custom tooltip CSS class
for advanced styling

For advanced CSS customization, you can style the „codeCopyTooltip” CSS class or
your custom class.

### Any known incompatibility issues?

One user reported it didn’t work on his DIVI site through DIVI’s own „code” block
mechanism.

## Recenzje

![](https://secure.gravatar.com/avatar/b1d95feb26fdecfeb77fe42dc0b8c79e09b1bb42f42733dace2badfd69a0e4b9?
s=60&d=retro&r=g)

### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-40717/)󠁿

 [joba28](https://profiles.wordpress.org/joba28/) 2025-08-01

Works great! Support is awesome.

![](https://secure.gravatar.com/avatar/53d88323ca6893d1cfd33a493bd6647102b3d6d86db1bdfb1817643bae5f8fb1?
s=60&d=retro&r=g)

### 󠀁[Simple, lightweight and nice!](https://wordpress.org/support/topic/simple-lightweight-and-nice/)󠁿

 [davidyu0903](https://profiles.wordpress.org/davidyu0903/) 2025-07-23

Awesome „click&copy for code” plugin! It’s simple, lightweight, and easy to use.
Once installed, it automatically applies to all code blocks with no need for any
configuration or article modification.

![](https://secure.gravatar.com/avatar/9e73fc446484029510ae9255d6f47158d8362ef2b78d77d43772cd28dc80303f?
s=60&d=retro&r=g)

### 󠀁[Absolutely pure genius!](https://wordpress.org/support/topic/absolutely-pure-genius/)󠁿

 [Maria](https://profiles.wordpress.org/maenmiu/) 2025-04-22 1 odpowiedź

I absolutely love this plugin! It affects the code block directly so you don’t have
to struggle at all to make any code on your website copyable. Hovering the code 
block will give a basic „copy to clipboard tooltip” – would love to see it cusomisable
for further editions. if you click anywhere within the code block it will copy it
and the tooltip will say it’s copied!I absolutely love this small plugin!Edit to
add: it works with the latest version of wp

![](https://secure.gravatar.com/avatar/0d36ebfc7ad9f6f47ddfd212bc652d8ec429b2e269dc0a6da823c35efdb16a2a?
s=60&d=retro&r=g)

### 󠀁[Doesn’t work with tag, and lots of bugs](https://wordpress.org/support/topic/doesnt-work-with-tag-and-lots-of-bugs/)󠁿

 [Hoang Nam](https://profiles.wordpress.org/gnam389/) 2023-04-07 2 odpowiedzi

Doesn’t work with <PRE> tag, and lots of bugs

![](https://secure.gravatar.com/avatar/3cfb0778f3a9141b04cd89d574714ff8f12da6697cc98bd2059030aa9bd3f655?
s=60&d=retro&r=g)

### 󠀁[Awesome! Great for UX](https://wordpress.org/support/topic/awesome-great-for-ux/)󠁿

 [Nate](https://profiles.wordpress.org/goseongguy/) 2022-08-19

You the man. So light and simple. My only change was to add a pseudo element to 
display a copy to clipboard icon in the corner of the code blocks, because otherwise
people have no idea its copyable until they hover. Using pointer-events:none on 
the icon allows it to not interfere with the click functionality. Maybe something
like that could be an option or even just a filer hook for people to optionally 
enable. Anyway, cheers!

![](https://secure.gravatar.com/avatar/033bb54ab4e5e4cde2ce0e0dc9b8d01aa7e315dd05a5a01067a00de3e175f62c?
s=60&d=retro&r=g)

### 󠀁[Exactly what I was looking for](https://wordpress.org/support/topic/exactly-what-i-was-looking-for-543/)󠁿

 [bklassenabb](https://profiles.wordpress.org/bklassenabb/) 2022-06-15

This plugin works great with Code Syntax Block. The only thing I would change is
still allowing text to be selected.

 [ Przeczytaj 12 recenzji ](https://wordpress.org/support/plugin/code-click-to-copy/reviews/)

## Kontrybutorzy i deweloperzy

„Code Click to Copy” jest oprogramowaniem open source. Poniższe osoby miały wkład
w rozwój wtyczki.

Zaangażowani

 *   [ treeflips ](https://profiles.wordpress.org/treeflips/)
 *   [ Yin Zhongzhen ](https://profiles.wordpress.org/zeroneit/)

Wtyczka „Code Click to Copy” została przetłumaczona na 6 języków. Podziękuj [tłumaczom](https://translate.wordpress.org/projects/wp-plugins/code-click-to-copy/contributors)
za ich wkład.

[Przetłumacz wtyczkę “Code Click to Copy” na swój język.](https://translate.wordpress.org/projects/wp-plugins/code-click-to-copy)

### Interesuje cię rozwój wtyczki?

[Przeglądaj kod](https://plugins.trac.wordpress.org/browser/code-click-to-copy/),
sprawdź [repozytorium SVN](https://plugins.svn.wordpress.org/code-click-to-copy/)
lub czytaj [dziennik rozwoju](https://plugins.trac.wordpress.org/log/code-click-to-copy/)
przez [RSS](https://plugins.trac.wordpress.org/log/code-click-to-copy/?limit=100&mode=stop_on_copy&format=rss).

## Rejestr zmian

#### 1.0.0

 * Major version release – no longer beta
 * Added comprehensive customization options
 * Tooltip background and text color customization
 * Custom tooltip text messages
 * Custom CSS class support for tooltip styling
 * Custom CSS class support for applying copy function to other elements
 * Modern clipboard API with fallback support
 * Improved positioning and styling
 * Admin settings page for easy customization
 * Tested with WordPress 6.8

#### 0.1.5

 * Tested with WordPress 6.8. Updated version number to reflect compatibility with
   latest WordPress version.

#### 0.1.4

 * It was tested in WP 6.4.2. Program code was cleaned professionally.

#### 0.1.3

 * Multi language is supported. Please make language .po and .mo files in /languages
   folder. Chinese language file is provided as an example.

#### 0.1.2

Updated description.

#### 0.1.1

 * Fix parsin error on readme.txt file.

#### 0.1.0

 * Initial Release

## Meta

 *  Wersja **1.0.1**
 *  Ostatnia aktualizacja **10 miesięcy temu**
 *  Włączone instalacje **800+**
 *  Wersja WordPressa ** 4.9 lub nowszej **
 *  Testowano do **6.8.5**
 *  Języki
 * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/code-click-to-copy/), [English (US)](https://wordpress.org/plugins/code-click-to-copy/),
   [German](https://de.wordpress.org/plugins/code-click-to-copy/), [Japanese](https://ja.wordpress.org/plugins/code-click-to-copy/),
   [Portuguese (Brazil)](https://br.wordpress.org/plugins/code-click-to-copy/), 
   [Russian](https://ru.wordpress.org/plugins/code-click-to-copy/), i [Ukrainian](https://uk.wordpress.org/plugins/code-click-to-copy/).
 *  [Przetłumacz na swój język](https://translate.wordpress.org/projects/wp-plugins/code-click-to-copy)
 * Tagi
 * [code](https://pl.wordpress.org/plugins/tags/code/)[copy](https://pl.wordpress.org/plugins/tags/copy/)
   [html](https://pl.wordpress.org/plugins/tags/html/)[pre](https://pl.wordpress.org/plugins/tags/pre/)
   [syntax](https://pl.wordpress.org/plugins/tags/syntax/)
 *  [Widok zaawansowany](https://pl.wordpress.org/plugins/code-click-to-copy/advanced/)

## Oceny

 4.7 na 5 gwiazdek.

 *  [  11 recenzji 5-gwiazdkowych     ](https://wordpress.org/support/plugin/code-click-to-copy/reviews/?filter=5)
 *  [  0 recenzji 4-gwiazdkowych     ](https://wordpress.org/support/plugin/code-click-to-copy/reviews/?filter=4)
 *  [  0 recenzji 3-gwiazdkowych     ](https://wordpress.org/support/plugin/code-click-to-copy/reviews/?filter=3)
 *  [  0 recenzji 2-gwiazdkowych     ](https://wordpress.org/support/plugin/code-click-to-copy/reviews/?filter=2)
 *  [  1 recenzja 1-gwiazdkowa     ](https://wordpress.org/support/plugin/code-click-to-copy/reviews/?filter=1)

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

[Zobacz wszystkierecenzje.](https://wordpress.org/support/plugin/code-click-to-copy/reviews/)

## Zaangażowani

 *   [ treeflips ](https://profiles.wordpress.org/treeflips/)
 *   [ Yin Zhongzhen ](https://profiles.wordpress.org/zeroneit/)

## Wsparcie

Masz coś do dodania? Potrzebujesz pomocy?

 [Zobacz forum wsparcia](https://wordpress.org/support/plugin/code-click-to-copy/)

## Złóż datek

Czy chcesz wesprzeć rozwój wtyczki?

 [ Wspomóż wtyczkę ](https://www.paypal.me/wpjohnny)