Social Share - Copy URL

Attributes
1

Hi there - I’d like to create a button that simply copies the URL of the current page to the clipboard without needing to have a text field or link on the page that shows the link to the current page. Ideally, the user would only need to click the gray “link” button as shown below.

image
image474×178 766 Bytes

Staging URL: Insuraviews V2

Read-only URL: Webflow - Insuraviews V2

2

Hi @nick5! :waving_hand:

We can help you create a “share” button that copies the current Webflow CMS Collection Page URL to the clipboard without requiring a visible text field.

Here’s what we recommend using Finsweet Attributes Copy to Clipboard:

1. Add the script

Add this <script> inside the <head> tag of your page or project

<!-- Finsweet Attributes -->
<script async type="module"
src="https://cdn.jsdelivr.net/npm/@finsweet/attributes@2/attributes.js"
fs-copyclip
></script>

2. Create the hidden URL element

  • Add an HTML Embed anywhere on the page.

  • Give it the attribute fs-copyclip-element=“copy-this”.

  • Paste this inside:

  https://insuraviews-v2.webflow.io/post/{{wf {"path":"slug","type":"PlainText"} }}
  • You can hide it with display:none

3. Add your copy button

Use any element (Button, Link Block, Text Link, Div Block) and add:

  • fs-copyclip-element="click"
  • Optional: fs-copyclip-message="Copied!" (this shows a tooltip message after copy)

:white_check_mark: When users click the button, the hidden CMS URL (with the correct slug) will be copied directly to their clipboard — no extra JavaScript needed.

If you want the exact implementation or run into any issues, just tag @Support-Luis or @Support-Pedro and we’ll help you get it set up.

3

Excellent! Works great - thanks!

1 Like