Social Links

Set up social media links with just one attribute per platform. Share your content easily across all major networks.

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

<!-- [WebTricks by CodeRaccoons] - Social Links -->
<script async src="https://cdn.jsdelivr.net/gh/TheCodeRaccoons/WebTricks@1/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

Where?
How does it look?

Working examples

See the Pen Social links by Code Raccoons (@jorchie) on CodePen.