How to Sell Your Products on a Framer Site
Discover how to effortlessly add customizable Lemon Squeezy buttons to your Framer site, enabling seamless product sales directly from your website.
What is Framer
Framer is a web design platform that lets you easily create websites with a drag-and-drop editor.
How it works
Framer has integrated a Lemon Squeezy button component, making it simple to add product links to your website. These buttons are highly customizable: you can modify the design and text to match your brand and choose whether the checkout opens in a hosted page or overlay.
View a live demo to see how it works on a site.
Adding a Lemon Squeezy button to your Framer site
Open the “Insert Menu”
- In Framer, click on “Insert” and then navigate to “Utilities”.
- Alternatively, you can click “Insert” and start typing “lemon” to quickly find the component.
Click the Lemon Squeezy component or drag it onto your page
Customize the button
- With the Lemon Squeezy button selected, locate the Lemon Squeezy-labelled editing panel on the right side of the screen.
- In your Lemon Squeezy dashboard, click on “Share” to get the checkout URL for your product. Paste this URL into the “Link” field in the editing panel.
- Customize the button’s text, color, font, and padding to match your site’s design.
- Choose whether the checkout will open in a hosted checkout or in a checkout overlay when the button is clicked.
