top of page

Videos

Framer

View Tool Page

Framer

Website Builders

๐ŸŽ“ 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

Framer Tutorial: Turn Your Website Into A Digital Store (No-Code)

Related Videos

Add a Title

Add a Title

Add a Title

bottom of page