Back to Blog

How to add social share links to your Webflow Site

Add buttons to share your post / article to social media sites

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 wango? does anyone say that?

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 for example data-share-twitter with the value set as 'true'

These are the following:

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.

OTHER GUIDES & LESSONS

Boost your webflow site further.

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.