Social Share

How to add Social Share feature in Webflow?

Quickly add social share feature on your Webflow website by changing the attributes of the required buttons.
‍

NOTE: Social share feature is available for Facebook, Twitter, LinkedIn, Pinterest, Reddit and Email

‍

_{Step #1}

Copy Social Share <script>

Copy the script and paste it into the </body> tag of the particular page. You can do so by clicking on

1. Pages on the left navigation or, by tapping (P) on your keyboard
2. Select the settings icon beside the page you want to add the script in
3. Scroll down, you will see a section called Before </body> tag
4. Paste it here

‍

‍

_{Step #2}

Set Custom Attributes

‍

You will need to add custom attributes to the social share button.

1. Name : nw-share is added to the attribute 'name' field of the button. It is common for all the social share platforms.
2. Value : The attribute value would depend on the platform you are sharing on. Below are the values against the respective platforms
   
   'facebook' : Facebook
   'pinterest' : Pinterest
   'twitter' : Twitter
   'linkedin' : LinkedIn
   'reddit' : Reddit
   'email' : Email
3. Example: nw-share=" twitter "

‍

_{Step #3}

Publish your site

It's highly recommended to publish your site on staging environment to make sure the script is working. Once you have confirmed it, you can publish it to your main domain.