Discover the best socialsharebuttons websites created by professional designers. Get inspired and start planning your perfect socialsharebuttons web design today!

Refokus

Empowering the Webflow Community, Agencies and Marketing Teams with Refokus Tools. A free collection of our in-house tools, adding more functionality to Webflow.

We created Refokus Tools to give back to the community—collecting our knowledge and sharing it one designer, developer, marketer, and brand manager at a time.

Current Tools:
- Social Share
- Time to Read
- Slider Generator
- Page Transitions
- Rich Text Enhancer
- Masonry Layout
- Form Validator
- Image Magnifier
- CMS Filters
- Automatic Tabs
- API Filler (Data)
- CMS Prev/Next
- CMS Load More
- Copy to Clipboard
- CMS Tabs

New tools coming every month! 

Refokus Tools (v2)

Refokus Tools

How to add social share buttons in Webflow?

Use Refokus Social Share to add social share buttons for Twitter, Linkedin, and Facebook in Webflow.

Documentation: https://www.webflow-tools.refokus.io/tools/social-share-button

Refokus Social share

Social Share (by Refokus)

I made this because I felt like I was always searching for these individual custom share buttons in differnt forum posts and showcase projects and I wished they were all in one place, made right. 

Here they are with proper formatting to pop up a small minimal share window. 

I hope this helps someone!

PS. For Pinterest, you'll need to include a small script in the head code of your site or page you want to use it on. You can see this in the comment.

Here is where to get the font awesome fonts. www.fontawesome.com/download

Social Share Buttons

Dynamic Social Share Buttons

Each time we're creating a new blog or a client project we want to add that special social impact with social share buttons. It seems that we can never find the proper code that will work for all social platforms, and we always spend at least one hour in the QA process before going live.

That's why we've created this Free Webflow Social Share Buttons for everyone to clone and use in their next project.

Free Resource Social Share Buttons Webflow

Free Webflow Social Share Buttons - Flow Ninja Resources

Want to reach us? https://go.quo.agency/3W62PAn. 

The scripts making the reviews stars possible should work just fine as well as you don't change the classes names (I advise not rename these classes). Feel free to use clone this project and build around the items I'm sharing here (e.g. place your branding on it, your navbar, footer, categories page, etc, etc, etc to build your own store). 

Inside: 

- Reviews
- Ability to sort reviews at the product page. 
- The style of products gallery that you will find at the product page. 
- Buttons to share the current product on Facebook opening a new small window. 

Product with reviews

Add product reviews to your Webflow eCommerce site

Dynamic social share links! Simply paste on static or CMS page and it should work. I used Font Awsome Brands font for the icons, but you can replace with images in the code embed.

Credits:
https://webflow.com/blog/customizing-your-social-sharing-buttons-with-webflow-cms
https://forum.webflow.com/t/blog-social-share/83733

Social Share Links

A short tutorial showing you how to add social share buttons to your individual blog pages, or any CMS Template page, using a free service, Social 9.

Blog Social Share Buttons Tutorial

blog-social-share-buttons-tutorial

Copy and pasteable social media share buttons for your Webflow projects. Works on all pages including CMS!

1. Clone this project.
2. Copy the elements from this project.
3. Paste the elements into your Webflow project.


Also, after making this I saw Flow Ninja has a neat resource with some different styling and set up differently, so check out there's as well if this doesn't work for you: https://free-resource-social-share-button.webflow.io/

Social Media Share Buttons

Share Current Page on Social Media

I always wanted to explore some components that aren't natively possible with Webflow or require bit more workaround. 

So, exploring this as part of #noco30d challenge by Nocoloco. Here's a social media share icons component, for those who find the existing share icons and embeds very complex or limiting. :)

- Arjun (@arjunphlox on twitter)

Componento 004

Componento-004: Social Share Buttons

An interactive contact button to take your contact/social buttons to the next level. Inspired by Ben Parker

Cool Button Hover Animation

cool-button-hover-animation

We have created another clonable for our fellow WebFlowers 🥳

Use our easy clonable script to easily link your Share Buttons to their respective social media. Sharing made easy 🔗 ❣️

Still confused? Reach out to us at hello@neue.world or read the tutorial on the link below. 
https://www.neue.world/webflow-tools/social-share

Discover socialsharebuttons websites built by the Webflow community

Discover socialsharebuttons websites built by the Webflow community