Copy to Clipboard

Interactions

CMS

Boosters

Copy to Clipboard

Use Refokus Copy to Clipboard tool to create a button that will copy any piece of text, including links, to the clipboard. This tool is great for when you want to allow the user to copy blocks of texts, or URLs, or even color codes from a styleguide.

[.c-title-3-primary]How to add Copy to Clipboard in Webflow?[.c-title-3-primary]

‍

Use Refokus Copy to Clipboard tool to create a button that will copy any piece of text, including links, to the clipboard.

This tool is great for when you want to allow the user to copy blocks of texts, or URLs, or even color codes from a styleguide.

Step #1

Copy the

Copy to Clipboard

<script> and paste it before the </body> of your page

Copy Script Code

<script

src=

"

https://tools.refokus.com/copy-to-clipboard/bundle.v1.0.0.js

"

></script>

<script src="https://tools.refokus.com/copy-to-clipboard/bundle.v1.0.0.js"></script>

Copy Text to Clipboard

Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
‍Learn more

General Notes

Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!

Oops! Something went wrong while submitting the form.

Give us feedback

Other Webflow tools you might be interested in

Back to directory

Social Share

Add social share buttons for Twitter, Linkedin, and Facebook in Webflow.

Time to Read

Calculate a read time for any text block or rich text element on your page.

CMS Load More

Extend Webflow’s pagination adding a Load More Button on your CMS lists.