João Carmo Pereira

<p>This plugin will add a new copy to clipboard functionality to Gutenberg Code Block.<br />
It will add a copy button at the top right corner of the block. After clicked, it will select the text, copy to clipboard, and after copy it will deselect the copied text.  No markup here.</p>
<p>This plugin makes use of two javascript libraries:<br />
Clipboard.js and Prism.js</p>


Carmo Copy to Clipboard

This plugin will add a new copy to clipboard functionality to Gutenberg Code Block.

webcodingplace

<p><strong>Clipboard Snippet Copier</strong> allows you to provide demo codes, shortcodes, or any reusable snippets to your users.<br />
Instead of exposing the raw code on the page, snippets are stored securely in the WordPress admin and fetched via AJAX only when copied.</p>
<p>This makes it easier for you to share <strong>ready-to-use shortcodes or WPBakery/Elementor demo layouts</strong> without rendering them, while your users can simply click <strong>Copy</strong> and paste into their editor.</p>
<h3>Features:</h3>
<ul>
<li>📋 Copy any snippet/shortcode directly to clipboard.</li>
<li>🔒 Snippets are not displayed on the frontend – fetched via AJAX only.</li>
<li>⚡ Lightweight and secure (uses WordPress AJAX + nonces).</li>
<li>🖱️ Supports multiple buttons on the same page.</li>
<li>🎨 Easy integration with any theme or page builder.</li>
</ul>
<h3>Example Use Case</h3>
<ul>
<li>Provide <strong>WPBakery demo shortcodes</strong> for your users.  </li>
<li>Share <strong>Gutenberg block templates</strong> as code snippets.  </li>
<li>Give customers <strong>shortcode presets</strong> without exposing messy code.</li>
</ul>
<h3>Usage</h3>
<ul>
<li>Add a new snippet in <strong>Code Snippets <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New</strong>.</li>
<li>Provide title for your reference</li>
<li>Paste the code in code editor</li>
<li>Place the button in your content with ID: [clipsnco_code_copy_btn id=”123″ label=”Copy Demo”]</li>
<li>When users click the button, the snippet will be copied to their clipboard (without rendering).</li>
</ul>


Clipboard Snippet Copier

Copy shortcodes or code snippets to clipboard with a single click using AJAX – without displaying the actual code.

Carmo Copy to Clipboard vs Clipboard Snippet Copier