🎓 Framer University: https://framer.university
👉 Create a free Framer account: https://framer.university/free-account

In this Framer tutorial, you'll learn how to turn your Framer website into a digital store. I'll show you how to create a "Buy" button and how to trigger a checkout experience to it. After watching this video, you'll be ready to launch an online shop without any code.

Project remix: https://framer.university/resources/lemon-squeezy-checkout-on-a-framer-website


00:00 - Intro
00:18 - Creating a button
02:28 - Adding an overlay to the button
06:40 - Adding an overlay close button
09:10 - Creating a loading animation
14:48 - Making the overlay opening smoother
15:50 - Finished checkout
16:05 - Publishing the website
16:23 - More resources


Follow me on:
X: https://x.com/learnframer
Instagram: https://instagram.com/framer.university