kontur Copy Code Button


This Plugin will add your own ‘kontur Copy Code Button’ to any code-block on your site. When clicked, the code is copied to the clipboard. Works as well on mobile devices and the standard Gutenberg WP-Code-Block.

Establece tu propio

  • button-text(s),
  • button-icon or image from the library,
  • clase(es),
  • button-color,
  • button-text-color
  • the code text colorand «pre»-Background.
  • NOW: ALL color setting changes in a «live view» for easier styling.

Want more
Please get involved and send uns your ideas. Via email or on the WordPress support page 🙂

Más información sobre cómo instalar plugins de WordPress


This plugin cleans up after itself. All plugin settings will be removed from your database when the plugin is uninstalled via the Plugins screen.


  • Settings page view
  • View with the WP TwentyTwentyThree theme style
  • View with custom icon, background and button color on the the WP TwentyTwentyThree
  • Our bundled icons to choose from


Esta sección describe cómo instalar el plugin y hacer que funcione.

  1. Upload kontur-copy-code-button.php to the /wp-content/plugins/ directory

  2. Activa el plugin a través del menú «Plugins» en WordPress

  3. Go to WordPress Admin > Appearance > Copy Code Button and change your settings

Note: To use your normal theme button settings ‘empty’ the background color setting and the button text color setting. And also set the appropriate class(es) in the settings field.


¿Dónde puedo encontrar los ajustes?

Under WordPress Admin > Appearance Copy Code Button or click the link ‘Settings’ under the plugin in your WordPress Admin Plugins section.

¿Tengo que configurar mucho antes de poder usarlo?

Actually, you don’t. Not really. Once the plugin is activated, it will add its magic to your «code blocks». The default text on the button is «Copy me», with «Code copied» appearing once the code has been copied to the clipboard.

¿Qué iconos puedo usar?

If you want to use an icon, you can either use our predefined one, choose one from your library or simply upload your own

¿Puedo configurar las clases de CSS para activar las que ya se usan en mi tema?

Yes, on the settings page you can add classes.

¿Habrá más opciones en el futuro?

Yes. We are working on integrating the options as well into the Gutenberg blocks, fo e.g. having individial «copy texts» for each block. As well we want to offer more copy-icons.

Do you offer any other plugins I could use

Sí, tenemos tres de ellos que te pueden gustar:

Necesito algo más. ¿Puedo contratarte?

Yes. Please get in touch via email email with a brief description of your requirements and budget for the project and we will start something else together.

This plugin is simple, but I want to show my appreciation?

Well, go for it! You can either make a donation or leave a rating to motivate me to keep working on the plugin.


Leer la 1 reseña

Colaboradores y desarrolladores

«kontur Copy Code Button» es un software de código abierto. Las siguientes personas han colaborado con este plugin.


«kontur Copy Code Button» ha sido traducido a 3 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «kontur Copy Code Button» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios


  • Date: 14.June 2023
  • Minor bug-fixes.
  • added more self designed icons as option
  • added live view for styling
  • added live view for icon selection


  • Date: 1.May 2023
  • Minor bug-fixes.
  • option added: select Code text color
  • added live view for styling


  • Date: 1.May 2023
  • Minor changes. Options-CSS is now only loaded on pages where it is needed.


  • Date: 26.April 2023
  • Quick BugFix
  • on some installations the preview in the backend was blocked by showing always the icon even though it was not activated.


  • Date: 25.April 2023
  • Added «use your own icon»
  • Added Aria -label to button
  • Updated settings.
  • Updated language .POT
  • Added translation for «ze Germans»


  • Date: 27.December 2021
  • Fixed PHP Errors.
  • Fixed PHP Errors.
  • Fixed PHP Errors.