Social Links

This is definitely not the only solution for adding social links to your pages, but as the solution I made and the one that has been working for me for long enough already I'd like to share it with y'all!

Loads
CDN ScriptDocumentationExample

Copy the Social Links <script> and paste into the <head> of your page

<!-- [Webflow Trickery by CodeRaccoons]  -->
<script async src= "https://cdn.jsdelivr.net/gh/TheCodeRaccoons/WebflowTrickery@1.0.0/Dist/Functional/ShareLink.min.js" ></script>
Copy Script

Required attributes

I want this element to work as a share button for a specific platform.
Attribute to add
Name
wt-share-element
Value
Platform
Instructions

Add this attribute to the Link element you want to toggle the share action, it can be a link block or just a link.

Select between the available platforms to generate the link or set "copy" to copy to clipboard

  • facebook
  • twitter
  • inkedin
  • whatsapp
  • pinterest
  • reddit
  • copy

How does it look?

Optional Attributes

I want this element to work as a share button for a specific platform.
Attribute to add
Name
wt-share-element
Value
Platform
Instructions

Add this attribute to the Link element you want to toggle the share action, it can be a link block or just a link.

Select between the available platforms to generate the link or set "copy" to copy to clipboard

  • facebook
  • twitter
  • inkedin
  • whatsapp
  • pinterest
  • reddit
  • copy

How does it look?

Working examples

Need more?

Do you need multiple instances of this Attribute?

All of our attributes follow the same structure for multiple instances!

In order to use multiple instances on an attribute add -n at the end of the value of the element attribute. being "n" a unique number.

This unique number is how we can tell between multiple instances.

For example, container-2, trigger-2, and target-2 will all be connected to the same instance.

This is what you need to add multiple instances of this:

First attribute instance
No items found.
Second instance
No items found.
Third instance
No items found.