Copy Anything to Clipboard


Simply copy the content into the clipboard.

Copy the Text or HTML into the clipboard 📋 (clipboard). You can use it for code snippets, special symbols, discount codes, or anything which you want. By default it add the copy to clipboard button to the <pre> tag.

Documentations and more visit on Quick Guide.

By default, the Copy to Clipboard button is added to the <pre> tag. So, After plugin installs and activates the plugin add the Copy to Clipboard button to all pre tags.

In plugin we have a setting page in which we can change the <pre> selector.

Below is the list of manually testing themes:

  • Twenty Twelve – By
  • Twenty Sixteen – By
  • Twenty Seventeen – By
  • Twenty Nineteen – By
  • Velux – By GoDaddy
  • Hello Elementor – By Elementor
  • OceanWP – By oceanwp
  • Astra – By Brainstorm Force
  • Ascension – By GoDaddy
  • Twenty Sixteen – By
  • Twenty Fifteen – By
  • Hestia – By Themeisle
  • Neve – By Themeisle
  • Escapade – By GoDaddy
  • Shapely – By Silkalns
  • Sydney – By athemes
  • Storefront – By Automattic
  • Twenty Fourteen – By
  • Futurio – By FuturioWP
  • Zakra – By ThemeGrill
  • GeneratePress – By Tom
  • Mesmerize – By Extend Themes
  • Highlight – By Extend Themes
  • Customify – By PressMaximum
  • Ashe – By WP Royal

Extend the plugin on Github



  1. Install the Copy Anything to Clipboard plugin either via the WordPress plugin directory, or by uploading the files to your server at wp-content/plugins.

Часто задаваемые вопросы

How does it Works?

After plugin install and activate, By default on front-end the Copy button is added for all the <pre> tags.

On click on it the content within the pre tags is copy in clipboard.

What is the selector?

Selector is the target element in which we want to add the copy button. It should be any valid CSS selector.

Read more about selectors »

Some Examples of Selectors?

Lets check below some selectors which are valid to use:

  • pre — Copy button added all the pre tags.
  • .single pre — Copy button added only if its parent have CSS class .single.
  • #my-account-section-1 pre — Copy button added only if its parent have CSS class #my-account-section-1.

Read more about selectors »

Can I change the copied content?

Yes, By default the content are copied as HTML. We can change it as Text so content copied without HTML tags.

Can I default copy button string’s?

Yes, We can change the default strings of the button text, button copied text and the title of the button too.

Can I change the copy button position?

Yes, By default the button is added within the selector. But, We can change it outside the selector.

Can I change the selector with filter?

Yes, We can use the copy_the_code_localize_vars selector to change the currently stored selector.


add_filter( 'copy_the_code_localize_vars', 'my_slug_copy_the_code_localize_vars' );
function my_slug_copy_the_code_localize_vars( $defaults )
    // `single class is added to the `` tag for the single page, post etc.
    $defaults['selector'] = 'body.single pre';

    return $defaults;   

Is plugin compatible for all the themes?

Yes, We have added !important for the Copy button to keep the button style same for each theme. We have tested below themes.


Brilliantly Simple. So much easier than trying to fiddle about adding my own javscript etc. Can be used straight out of the box as it is or can change the look of it with my own css to bring it in line with the website design. Thanks
Almost perfect! But I can't think of a reason why there's 'COPY' text copied along with the texts in the main clipboard (pre). Every single text copied to clipboard will be ended with 'Copy'. How to remove it?
Посмотреть все 5 отзывов

Участники и разработчики

«Copy Anything to Clipboard» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:


Перевести «Copy Anything to Clipboard» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений


  • Fix: The <br> tags was not copied as new line. Reported by @psanger.


  • Improvement: Removed unwanted code.


  • Improvement: Updated Freemius SDK library with version 2.3.2.
  • Improvement: Added the latest new section.
  • Fix: The submit button is not visible form the settings page. Reported by Nicolas Tizio


  • New: Added General & Style tabs.


  • Improvement: Added WordPress 5.4 compatibility.


  • New: Added filter copy_the_code_default_page_settings to change the default page settings.
  • New: Added filter copy_the_code_page_settings to change the page settings.


  • New: Added option ‘Button Text’ to set the default button text. Default ‘Copy’.
  • New: Added option ‘Button Copy Text’ to set the button text after click on copy. Default ‘Copied!’.
  • New: Added option ‘Button Title’ to set the default button title which appear on hover on button. Default ‘Copy to Clipboard’.
  • New: Added option ‘Button Position’ to set the button position. Inside or outside the selector. Default ‘inside’.
  • Improvement: Added support for Internet Explorer devices. Reported by @rambo3000


  • Fix: Added support for IOS devices. Reported by @radiocure1


  • New: Added option ‘Copy Content As’ to copy the content as either HTML or Text.


  • Improvement: Updated the strings and compatibility for WordPress 5.0.


  • New: Added support, contact links.


  • New: Added settings page for customizing the plugin. Added option selector to set the JS selector. Default its <pre> html tag.


  • Fix: Removed Copy button markup from the copied content from the clipboard.


  • Initial release.