Welcome to the Click To Copy documentation, the guide to adding one-click copy buttons to your WordPress content.
Getting Started gets the plugin installed and activated. How To Use explains each setting, from themes and elements to the label, input, and button styles, and shows how to reuse a block with a shortcode. Common questions are answered in the FAQs.
Click To Copy puts a copy button next to any text you want visitors to grab, so a single click sends it to their clipboard.
Each block shows an optional label, your content in an input field, and a copy button with its own icon and text. You can choose a theme, show or hide each element, and style the label, input, and button separately.
It is ideal for coupon codes, code snippets, commands, links, and anything else people would otherwise select and copy by hand. Click To Copy Pro adds 11 more themes and 7+ extra blocks.
Install Click To Copy in whichever of these three ways suits you.
1st Way: Install by Search
Search for the plugin in the directory right from your dashboard.
In your WordPress dashboard, go to Plugins > Add New.
Type “Click To Copy” into the search box, then click Install Now.
When the installation is done, click Activate.
2nd Way: Install by Upload
Upload click-to-copy.zip yourself if you have already downloaded it.
Download the latest version of Click To Copy (.zip file).
Log in to your WordPress admin dashboard.
Click Plugins in the left-hand menu.
At the top of the page, click Add New.
Click Upload Plugin.
Click Choose File, then select click-to-copy.zip.
Click Install Now.
Activate the plugin.
3rd Way: Install from Gutenberg Editor
Or install it from inside the block editor while you work on a page.
Open the Gutenberg editor and click the plus icon in the top left corner.
Search for Click To Copy. It appears under Available to Install.
Click it to install the plugin and add the block to your page.
Complete Onboarding Setup
Activating Click To Copy for the first time opens a quick welcome screen.
Click Allow & Continue to sign up for the newsletter and receive plugin updates and news.
You then land on the Click To Copy dashboard.
License Activation
Using Click To Copy Pro? Activate your license key to unlock the extra themes and blocks.
Go to Plugins » Click To Copy » Active License.
Click Activate License. A popup opens.
Enter your license key in the field.
Agree to send your website URL, email, and license key to the plugin server for verification.
Click Activate License.
Next step
Next, go to How To Use to add your first copy button.
How To Use
How To Use Click To Copy
You can easily add a copy-to-clipboard feature with the Click To Copy block.
Add your text or code, then style the copy button, theme, colors, and typography. The styling controls let you match the block to the rest of your site.
Add to the Page
You can find Click To Copy in the block library and add it anywhere on your page.
The block arrives with a default design that you can edit right away.
Editor View
Select the block, and its settings open in the sidebar on the right.
Choose a Theme
You can choose from 5 built-in themes: Default and Theme 1 through Theme 4. Pick the one that suits your site best, then adjust the settings to match your design. Keep in mind that some settings change when you switch to a different theme.
Elements
You can control which elements appear in the block from the Elements panel. Use the toggles to show or hide the Label, and the Icon and Text of the copy button.
Label
You can style the label from the Label panel in the Style tab. Adjust the Typography and Color to match your site.
Input
You can style the input field from the Input panel. Adjust the Typography, text and background Colors, Padding, and Border to control its look, size, and shape.
Button
You can customize the copy button from the Button panel. Adjust the Typography, text and background Colors, Border, and Padding to match your site.
Pro Features
The features in this section are available with Click To Copy Pro. Pro
More Themes
Click To Copy Pro adds 11 more themes, Theme 5 through Theme 15, for more copy button designs. Select a theme from the block toolbar or from the Choose a Theme dropdown in the Themes panel. Some settings may reset to their default values when you switch themes.
Additional Blocks
Click To Copy Pro also gives you 7+ extra blocks for building different copy-to-clipboard elements on your site.
Shortcode Usage
You can display a copy button anywhere on your site with a shortcode.
Build it once, then paste its shortcode into any page, post, or widget instead of rebuilding it each time.
Add New ShortCode
Go to the dashboard menu and click Shortcodes.
The block editor opens, where you can build and style the copy button. When you are happy with it, click Save and copy the shortcode shown on the page.
Now go back to the dashboard menu.
Insert Shortcode & Preview
Paste the shortcode into any page, post, or widget area where you want it to appear. Use the live preview to check how it looks before you publish.
Publish or save the page, then visit your site to see the result.
FAQ’s
FAQ – Click To Copy
1. What is the Click To Copy Block?
It is a Gutenberg block that adds a copy-to-clipboard feature to your site. You can use it for text, code, links, commands, and other content visitors may want to copy quickly.
2. Can I customize the copy button?
Yes. You can change the button's typography, text and background colors, border, and padding to match your site.
3. Can I choose different themes?
Yes. Click To Copy includes 5 built-in themes, and Click To Copy Pro adds 11 more.
4. Can I show or hide the label, icon, and text?
Yes. Use the toggles in the Elements panel to show or hide the label, and the icon and text of the copy button. The label also has its own typography and color settings.
5. Can I customize the input field?
Yes. You can set the input field's typography, text color, background color, padding, and border.
6. Can I reuse Click To Copy?
Yes. You can add the block to as many pages and posts as you need, and display saved blocks anywhere with a shortcode.
7. How do I use the Click To Copy Block?
Install and activate the plugin, then add Click To Copy from the block library. Enter your content, adjust the settings in the sidebar, and publish the page.