- Frameplate
- Posts
- How to add Social Share Buttons to your Framer Website
How to add Social Share Buttons to your Framer Website
This week in Framer, our template of the week & more..
Frameplate
October 27, 2024
Hey everyone,
Welcome back to a new issue of the Frameplate newsletter!
In today’s newsletter:
A quick round up of what happened in Framer this week.
A tutorial to add social share buttons to your Framer website.
Our Framer template of the week
Let’s go!
This Week In Framer
Framer finally introduced Previous and Next buttons in CMS detail pages.
Last chance to grab Lauri’s Grit UI kit for Framer with a 40% discount ahead of its launch this week.
Aidan shared a video scroll controller & a scroll progress bar code components. Grab the remix link here.
A beautiful section component built with Framer by Aditya.
Did we miss anything? Reply to this email if you’ve been working on something and would like to be featured in an upcoming issue.
In this post we’re going to look into adding social media share buttons to your Framer website, so that your visitors can easily share your content to their social media accounts. These buttons will work on any pages on your website, even on CMS pages.
To do this we’ll be using FrameShare’s Lite Widget, a Framer component that lets you add inline share buttons to your project in just 3 steps.
Currently the FrameShare widget support shares to the following platforms: X, Facebook, LinkedIn, Pinterest, Whatsapp, Email and Copy to Clipboard.
Step 1 - Paste the widget into your Framer project.
After getting the FrameShare widget you’ll be given access to a remix link for the Framer project that includes the component.
Grab the component from this project (copy it to your clipboard).
And then navigate to your own project and paste the component wherever you want to display the widget on your pages.
Template Of The Week
LEO - a free Framer portfolio template tailored for creatives.
Designed by Ludovic Losco.
That’s it for this week!
Thanks for reading - if you enjoyed this issue, please consider forwarding it to a friend.
If you’d like to be featured in next week’s newsletter, you can reply to this email or DM on X.
Until next week ✌️
— Julien
In you want to dive a bit deeper into Framer, you can:
Browse our full library of Framer templates and resources. We now have over 400 of them on our website.
Read the latest Framer posts on our blog. We cover everything from tutorials to news and tools.
Submit your Framer template, resource or product. 300+ Framer creators trust us with their products.
Sponsor our website. Promote your Framer product or resource to a growing audience of designers and entrepreneurs.
This email was sent with Beehiiv.
How did you like this week’s newsletter?