Copy to clipboard
Easy copy to clipboard
- JQuery required
Clone to use
1 - Simple Button
Copy Button 1
![](https://cdn.prod.website-files.com/64808cc9f88d76f4355b870a/6571bfec6e136ab0497daf0e_iconmonstr-copy-8-240.png)
![](https://cdn.prod.website-files.com/64808cc9f88d76f4355b870a/6571bfec6e136ab0497daf10_iconmonstr-checkbox-21-240.png)
2 - Button Text Change
Copy Button 2
![](https://cdn.prod.website-files.com/64808cc9f88d76f4355b870a/6571bfec6e136ab0497daf0e_iconmonstr-copy-8-240.png)
![](https://cdn.prod.website-files.com/64808cc9f88d76f4355b870a/6571bfec6e136ab0497daf10_iconmonstr-checkbox-21-240.png)
3 - Input Field Style + Text Change
Copy Button 3
![](https://cdn.prod.website-files.com/64808cc9f88d76f4355b870a/6571bfec6e136ab0497daf0e_iconmonstr-copy-8-240.png)
![](https://cdn.prod.website-files.com/64808cc9f88d76f4355b870a/6571bfec6e136ab0497daf10_iconmonstr-checkbox-21-240.png)
![](https://cdn.prod.website-files.com/64808cc9f88d76f4355b870a/6571bfec6e136ab0497daf06_Clipboard.png)
How to
Follow these steps
Step 1
Add JQuery
Insert the below script tag inside the head of the page or project settings.
Step 2
Copy & Paste
Copy and paste any of the above examples into your project.
Be sure to copy from the "COPY-FROM-HERE" div.
Step 3
Edit Content
Open the "Clipboard code" embed, which can be found inside your chosen button.
Edit the "value" content.
If you choose a button that changes text on click also edit the "textChangesTo" content.