Copy any text to clipboard in Webflow

Webflow has no built-in way to let users copy text from your page with a single click. Whether you are displaying a discount code, a snippet of code, a wallet address, or any other piece of text users need to copy - there is no native solution without writing custom code.

The Fractional Copy Kit solves this with a single lightweight script and a set of custom attributes applied directly in the Webflow Designer.

Here is what you need to know:

• The Fractional Copy Kit works by grouping three elements together inside a parent wrapper div - a source element containing the text to copy, a trigger element the user clicks, and an optional confirmation message that appears after copying. No JavaScript knowledge required and no impact on any other element on the page.
• The trigger can be any element. A button, a div, an icon - whatever fits your design. (Though we do recommend making it a DIV as this will not create an empty button on your page). Add the trigger attribute and clicking it copies the source text automatically.
• The confirmation message is fully optional. When included, it appears briefly after the user clicks the trigger then hides again automatically. Set the display duration with a single attribute on the wrapper. Style the confirmation element however you want directly in Webflow.
• Multiple copy groups can exist on the same page independently. Each group is fully isolated - a page with three different copy buttons each copying different text works exactly as expected with no interference between them.
• The Fractional Copy Kit uses the native browser Clipboard API. No external libraries, no third-party services, and no data ever leaves the user's browser.
• The Fractional Copy Kit is fully GDPR, CCPA, and PIPEDA compliant. It sets no cookies, makes no external requests, and collects no personal data of its own.

‍