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

[@leandrosilva6414]

Awesome! This Framer tutorials are very handy! Thanks!

[@framer.university]

Happy to hear this. More to come 🫶

[@MarceauWbrg]

Man it would be game changer if you could make a video on a hotel reservation tool system integrated in a framer website!

[@MarceauWbrg]

Many people on framer community need this for clients

[@framer.university]

do you know of any hotel reservation solutions that can be integrated into website builders?

[@ericsonl_]

Thanks for this this is what i need to intergrate to my upcoming templates

[@framer.university]

Glad i could help ;)

[@raw_pc]

Great stuff! Exactly what I needed 😀 Thank you for sharing.

[@framer.university]

Glad it was helpful!

[@PaulRayProductions]

Nandi, I can't wait for your courses to be published, your great. With regards to this video, you made an amazing, elegant digital shop for 1 item. I suspect that the inventory of items is hosted within Lemon Squeezy and you copying the link to the individual item so it works. However, what about if you wanted to create an add to cart? where you can register all the items and process 1 checkout with 3 items for example? is that possible? I'm not sure it be possible as API's would be necessary. true/false?

[@framer.university]

Hey thanks for the kind words. Creating a cart would be a little harder and require custom code. Here’s a solution tho that works with Shopify: framercommerce.com

[@maxym93]

Hi Nandi great video quick question though. Is it possible to create a close overlay element from within a component? For example: I use form as a card component. I want to put a close icon inside of the card, but for it to still be a component since I reuse it at multiple spots. Is it possible? Close overlay interaction seems to work only from inside the overlay itself.

[@framer.university]

thanks! :) check this video from 3:37 kzbin.info/www/bejne/j6LLkpKefM1nask

[@daviktran4742]

Amazing tutorial. Thanks for sharing!

[@framer.university]

Glad you enjoyed it!

[@RahulYadav-yg6zh]

Can you create a video on how to make a Shopify website in framer? Please, Is it even possible tho?

[@framer.university]

Yes it is possible you need to use framercommerce.com for it.

[@Rajdeep_Pandey]

Can you make E-Book website with great animations with payment method system, in detail. Because i am creating a E-Book website with framer but i am newbie. This is why I'm getting lots of trouble.

[@framer.university]

What is an eBook website?

[@Hari-gl2pv]

how to build e commerce site on framer? how did you created the checkout page? will the checkout page accpet payments?

[@framer.university]

This uses an integration with Lemonsqueezy and yes it accepts payments. You can alternatively integrate with Shopify using framercommerce.com.

[@hfromero]

Awesome video! Dude, could you explain how the loader knows when it needs to stop loading?

[@framer.university]

It doesn’t know when to stop. You place it below the embed, so when the embed loads, it hides the loading animation. Makes sense?

[@AnthoCMusic]

Amazing, thank you ! :)

[@framer.university]

Anytime mate 🫶

[@Rashman-f7z]

How can I do this if I want to receive donation for an NGO site

[@hypericron]

Awesome tutorial!

[@framer.university]

Thanks a lot :)

[@merisimamovic965]

Great content! I tried to implement Lemon Squeezy overlay for a shop I’m working on, but decided to go with the direct link for checkout. Unfortunately, overlaying LS didn’t work on Safari, embed link gave me an error.

[@framer.university]

LS is working on a fix for that.

[@arafatshuvo667]

Great video. When your course will launch. I am eagerly waiting.

[@framer.university]

Thanks again:) Multiple courses are coming in 2024. Stay tuned!

[@marceloferreira1821]

Is it possible to create templates from scratch for Shopify?

[@framer.university]

Yes you can integrate Shopify with Framer with framercommerce.com

[@XQuad_Insight]

Okay, I'm seeing some cool things here... but I've got a new solution for framer integrating to shopify!!

[@framer.university]

Show me!

[@XQuad_Insight]

@@framer.university I can't drop the link!

[@josepdevillaret]

Nandi, I need to create a checkout that connects the native cms with an api like stripe and I'm just realizing how hard for me that is... 🤣 Do you have any recommendations than rather just buy the framercommerce templates with the components pre made?

[@josepdevillaret]

with a checkout i mean a dynamic cart that lets you pay multiple items and remove or add units

[@framer.university]

For your case. Framercommerce is the best solution.

[@LanguagedesignLearn]

thanks, its great, can u shpw us how to make product image viewing, i mean if the product has more than one image, how can we show them one by one as in ecommerce websites

[@Hari-gl2pv]

use carousel

[@MCbyGracjan]

Super Tutorial ✨

[@framer.university]

Great to hear it ✨

[@gojhonny8039]

Pleace a video about marketeplace

[@Tchinweizu]

great tutorial !!! how can one edit the embed components to suite what i want?

[@framer.university]

Thanks! What aspect do u want to edit?

[@MarceauWbrg]

Amaziiiinnng video thanks. Is there a way to create a cart? I would really need this in framer for a client

[@framer.university]

The easiest solution would be to integrate with Shopify. framercommerce.com

[@katlegoseanmahaye3309]

Hi Nandi your sooo bomb dude! If I may ask, does lemon squeezy offer a payment gateway for donations?

[@framer.university]

I think it doesn't. But polar.sh does, you might check that.

[@orangedrink-r6f]

Hi! Great video By-the-way.

[@glagraphy6533]

is there any posibility to make a shopping cart?

[@framer.university]

That would be more complicated with Framer. But you can integrate Shopify with Framer. framercommerce.com

[@glagraphy6533]

@@framer.university too expensive, maybe one day framer will integrate this extension for free?

[@hanzimir6760]

Can I add that to an existing website?

[@framer.university]

Of course! :)

[@BhawinJagad]

What mic you using?

[@framer.university]

Logitech Blue Sona

[@thehieunguyen_]

excuse me, lemon squeeze really provides embed code that literally support us with manage all the check-out and information of our clients?

[@framer.university]

yep. crazy, right? :)

[@ChronicleContent]

not sure I like this. It seems like a custom thing and not a global way that everybody uses in real life. In all programming and web dev tutorials you see that the button redirects to another page for the checkout or something like this.

[@framer.university]

This is almost the same thing as redirecting people to a checkout page. But you instead embed it on your website in a neat way so it feels like a more integrated experience. Makes sense?

[@LIGHT-de1zb]

Can you please make a website tutorial for dentists with great animations and effects

[@framer.university]

Is it okay if I record a video about animations and effects generally? Or in what way can I tailor it to dentists?

[@LIGHT-de1zb]

@@framer.universityI appreciate your willingness to create a video on animations and effects. It would be fantastic if you could tailor it specifically for dentists by incorporating examples related to dental websites. This way, viewers can learn how to implement engaging animations in a context that's relevant to their profession. Thank you for considering this customization

[@SK-S2N]

we still dont have invuilt checkout for framer. this is just stupid.

[@framer.university]

Which no code website builder has built in checkout?

[@briantilghmanjr]

Hard to follow if you don’t have a mac

[@framer.university]

Thanks for the feedback. Why?

[@tomschimana1009]

A webapp is a webapp

[@MohamedAhshan-x4s]

It's breaking the LEMON SQUEEZY URL and it's 404

[@framer.university]

LemonSqueezy is working on a fix.

[@ArabeCSz]

2024 not work

[@framer.university]

more specifically?

[@RiteshGarg-c9c]

I wanted to see how to actually make a digital store rather than making animations. What a waste of time

[@framer.university]

😂