Attributes, by Finsweet, offers a free series of Solutions that provide essential features to improve your Webflow websites.
Social Share
Create buttons to share content on X, Facebook, Telegram, Linkedin and more.
For advanced users familiar with this solution. Includes all attributes from this page. Click on attributes and values to copy them.
Required attributes
Chose trigger and platform first
Trigger + Platform
Add to Link Block, text Link, text Element, Div Block
Value: X, Facebook, Pinterest, LinkedIn, Telegram, Reddit
For all platforms
URL
Add to text Block, Heading, Paragraph, Text Link
If absent, the system defaults to using the URL of the current page for social sharing.
Platform-specific content
X, formerly known as Twitter - Content
Add to Text Block, Heading, Paragraph
X, formerly known as Twitter - Username
Add to Text Block, Text Link, Heading, Paragraph
X, formerly known as Twitter - Hashtag
Add to Text Block, Text Link, Heading, Paragraph
Facebook - Hashtag
Add to Text Block, Text Link, Heading, Paragraph
Pinterest - Image
Add to Image
Pinterest - Description
Add to Text Block, Heading, Paragraph
Reddit - Content
Add to Text Block, Heading, Paragraph
Telegram - Content
Add to Text Block, Heading, Paragraph
There are no options for Linkedin
Optional attributes
Width
Add to Trigger + Platform element
height
Add to Trigger + Platform element
Add this <script> inside the <head> tag of your page or project
This script is the universal Attribute script: you only need to include it once, even if you have multiple Attribute solutions on the page. Learn more .
Choose the social media you want:
Add this required attribute to the element
X Trigger
This element acts as the button to start the social sharing process. Clicking on this element presents the user with options for sharing content on social media.
Publish your project! Done, easy right?
Share Custom URL
This element creates a URL for sharing on social media, using either text from a CMS or static content.
Content
This element designates the text that will be shared on social media. The actual text to be shared is taken from the content of a Text Element, Paragraph, or Heading.
Username
This element creates Twitter usernames from text content, such as "@finsweet."
Hashtag
This element produces Twitter hashtags from text content, like "#BuiltWithAttributes."
Add this required attribute to the element
Facebook Trigger
This element acts as the button to start the social sharing process. Clicking on this element presents the user with options for sharing content on social media.
Publish your project! Done, easy right?
Share Custom URL
This element creates a URL for sharing on social media, using either text from a CMS or static content.
Hashtag
This element produces Twitter hashtags from text content, like "#BuiltWithAttributes."
Add these required attributes to the elements
Pinterest Trigger
This element acts as the button to start the social sharing process. Clicking on this element presents the user with options for sharing content on social media.
Publish your project! Done, easy right?
Share Custom URL
This element creates a URL for sharing on social media, using either text from a CMS or static content.
Image
This element creates a Pinterest image for sharing based on the text content. When applied to an image element in Webflow, the source of the image (src) is used for social sharing.
Description
This element generates a Pinterest description based on text content.
Add this required attribute to the element
Reddit Trigger
This element acts as the button to start the social sharing process. Clicking on this element presents the user with options for sharing content on social media.
Publish your project! Done, easy right?
Share Custom URL
This element creates a URL for sharing on social media, using either text from a CMS or static content.
Content
This element designates the text that will be shared on social media. The actual text to be shared is taken from the content of a Text Element, Paragraph, or Heading.
Add this required attribute to the element
Telegram Trigger
This element acts as the button to start the social sharing process. Clicking on this element presents the user with options for sharing content on social media.
The attribute value specifies the social media platform to be opened for sharing.
Publish your project! Done, easy right?
Share Custom URL
This element creates a URL for sharing on social media, using either text from a CMS or static content.
Content
This element designates the text that will be shared on social media. The actual text to be shared is taken from the content of a Text Element, Paragraph, or Heading.
Add this required attribute to the element
Linkedin Trigger
This element acts as the button to start the social sharing process. Clicking on this element presents the user with options for sharing content on social media.
Publish your project! Done, easy right?
Share Custom URL
This element creates a URL for sharing on social media, using either text from a CMS or static content.
Width
Height
Define an instance on a common parent wrapper
