Back to Blog

How to Add Social Share Links to your Webflow Site

Add buttons to share a page to social media. Add this to your blog posts to make it easier to share and use your page titles & descriptions.

Overview:

Want to add buttons that let your users share their page to social media? Add these to your own Webflow site in seconds, and customise them to look anyway you like!
Just add the attributes as shown below and bingo bango!

Instructions:

1. Add the Javascript to your custom code settings

Navigate to your page settings area and scroll to the bottom custom code area.
Add the following style sheet inside the last custom code section:


2. Create your buttons & add the attributes

Target your button and navigate to the settings tab.

Add your custom attribute with the value set as 'true', for example:

Name: data-share-twitter
Value: true

Name: data-share-linkedin
Value: true

Name: data-share-facebook
Value: true

Name: data-share-whatsapp
Value: true

3. Publish your site and test

And that's that ;)

Recieve webflow resources directly to your mailbox.

Sign up to get weekly insights & inspiration in your inbox.

Join Over 20,000
Creators Today

Join our newsletter list for occasional updates, products and insights.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Join 20,000+ other creators across our communities.