Fantastic video Omar. I didn't realize Framer was so flexible and that an e-commerce store was possible. I'd like to see how the payment integrates with the store you built. Thanks for sharing.
Don't get me wrong but it's not a process of building e-commerce website. It's just a design of a store template, just like Figma. If someone want to build a web store he need information about payment gates, CEO, customers feedback. As I understand, frames don't have anything like this from the box. It's just like figma with publish button.
It is a functional e-com site if you're selling through external platforms like LemonSqueezy or Gumroad. Yes it's better for digital products, you could also link products to your external Shopify site too, and interlink both web domains. So Framer becomes more front facing experience and Shopify could be your checkout experience. If you want a native checkout experience check out framercommerce.com. They're platform will allow you to make an actual check out system directly on your Framer site.
Great Video, little Feedback on the screen recording though. Big fan of Screen Studio but I would suggest you to decrease the size of the frame and decrease the zoom level a little bit. Right now it seems very hectic as it jumps from edge to edge and always includes this frame
Omar, there are no words to express how grateful I am for this video. Before I stumbled across your video I was losing all motivation in building my store. I switched from Shopify to Framer because Shopify lacks design & UX/UI I’m looking for. I’m in the luxury high ticket niche so having an attractive website is a necessity. Again, thanks for sharing! Also, when will you go over on how to link payments? Or in general, how to integrate Shopify?
I am in the Discord server, saw this video, and decided to view it. Wow. So much value in a tutorial. Framer looks like a great UX tool while Glorify would be a great UI tool. Both apps would make an unstoppable e-commerce force
Omar, I just discovered your channel. Aside from the content.. your presentation style is something I've never seen. You keep the interface large and the view chases your cursor movement. It's taking me a minute to get used to the continual movement - but I love not having to squint to figure out where you are. Looking forward to spending more time on your channel. Yes I've subscribed.
Very Nice vidéo . However without any checkout page and login management page it can not really be considered as a store page . Just saying that I ll be really happy to see the next step of your video . Great content so far !
Me too, appreciate the efforts to show those functions, i wanna change to Framer, just wanna make sure it is capable of making the whole eco system of a store page, thank you for the opportunity
awesome vid, was looking for something like this for a while! are you still planning on doing the payment checkout vid? would absolutely love to see that happening
Awesome Video Omar, any possibility you can teach how to make an add to cart feature in Framer, which actually works and has backend stuff to it? I am guessing you are mostly a front end designer but let me know if you can do something like that. Thanks for the video again!
Hi omar, salaam alaikum, I love your video its easy to follow. Can you please make a video on how to include chat systems and game integrations( maybe chess) and video calls using framer and firebase. This will mean alot thanks
Amazing video Omar. Really helped me out, is there any video on the "built in"/"integrated" check-out you talked about towards the end of the video? Thanks for a quality tutorial.
Framer have released a few native integrations, like LemonSqueezy and Gumroad. However you can technically use their Custom HTML component and paste any code in there as a . I’ll try release a tutorial soon!
I love how you did the the zoom in effects and your image in the bottom at 1:00 in, for the actual video I mean! Could you share how did that? Some editor plug-in?
That was nice! But how do you set the sizes for your shoes? Without size selecction I don´t find any solution for a ecommerce with framer. Only the Home page can be done nicely.
I had to download your video a few months ago and just watched it so you won't be getting the view time reward. But I just, want you to know, this VIDEO WAS AWESOME AND INFORMATIVE
Hello bro, amazing content. However, if you make new pages for every category, would that load a bit slow? Can you make a tutorial, where you would only use buttons to filter CMS items? Thank you.
@@BuildwithOmar Do you need to create separate pages for each category? What if you would like to make some changes on one of the category pages? Do you have to update each one of those category page? Wouldn't it be cumbersome and impractical? Can't you at least make it a component if it is repeatable yet bound to change? Thanks.
Is it possible to have multiple (sub) filters in each other? For example in this video, Men -> T-Shirts -> Jeans -> Hats -> Size - Color. Looking forward for your response!
Hi Omar! Had a question - This website on phone lists all the products one below the other. Is there a way so that it only shows the first product and the other come on swiping it, like their carousel functionality? Amazing video btw!
Happy it helped! Yes there is custom field for color and for size I guess use text or number,-but if you want a color/size to switch the product preview I think you need to use 2 CMS's embedded inside each other. I'll try to find out soon.
thanks for the video, I was looking for this kind of videos, however, I have a question about how to make the horizontal scroll effect on the product section in the home page, like I want the products in one line and have an arrow on the right and the left sides
@@BuildwithOmar YESSSS! like i want to show product cards when i swipe left to right on mobile devices. So it don't show elongated version of images as it gets too big and scrolly for users.
Also, i have multiple category of different items, let's say shirts, pants, trousers for men, women, kids. how would i create a "CMS shop" for all of them ? @@BuildwithOmar
Amazing videos Omar, just one question when working on these features like the CMS part, do you need to be on the paid plan on framer, or this is available on the free plan as well?
Thank you for all ! The only issue that I see is that you can use this tutorial to sell 'one size and on one quantity' product, so I really hope that framer is going to move in the ecommerce direction.. because it's pretty limited for now. Please let me know if anyone have any suggestion/solution for 'quantity' and 'size' issue.
Hi, very cool video, learned a lot of useful things for myself. It also looks cool. What do you use to capture the screen so it's that smooth and big arrow?
Great tutorial… Quick question,if I were to link the second product card to the second CMS content in that collection, how would I go about it? Because, in as much as the 2nd Product card reflects the second CMS content, when clicked on takes the user to the 1st CMS content..
I’m not sure how you’ve set yours up, but when using a CMS collection in your layer with a card component inside. it auto creates all the variations of your card component with based on each CMS item that exists.
great video! is it possible to create a fillable form section in the store page, where customers can write their notes regarding the purchase, or is it best to use Paperform for form based ecom sites?
thanks for your video. I really love Framer but I'm confused about is Framer really work like a real website? and any thing else like performence, SEO, GG ads...
Yep exactly (link externally)! Although there is a way to add code overrides to integrate payment gateways like stripe directly on a pop up, embed/. We did this with Lemon Squeezy on this site Radbali.com.
Little question Omar. I am making an e-commerce for a business and i am currently using your CMS method in order to manage the catalogue. If i add for example a stripe checkout method, will the price change depending on the product that the buyer persona chooses in the framer page? Thanks in advance
Why in all cms fils have a contact with each other If u resize image in one of them it will update in all of them ?! My question about design?! And image size
Amazing! One question, i cant seem to get the product link on the image to work when I'm in the store page. It works fine on the home page. Any idea why?
I have a great understanding of what is possible with Framer. The only issue is that, based on this video, it seems quite challenging to implement it for 50k products with multiple categories. If you could create a video on bulk import, I would greatly appreciate it. Currently, we are using WordPress but are considering switching to Framer if it has all the features we need.
Hi, My biggest doubt here is, Can we create a fully customized website like woocomerce ? With cart, checkout, my account , login and regsiter pages, Also is it possible to have orders captured and manage stock etc ?
Hey, Great video, but about the payment processing, you need to put a link for each price for each product? lets say 1 product is 5$ and the second one is 15$, do i need to put a different processing link in order to get paid? is there any way to automate that? so that it will tell the customer what his buying and that the prices will be correlated with the product price and details? and is there any way to add a cart? so that customer can buy multipole products at once? because if i need to add a new payment link for each product with a specific price, then how can i charge clients for differnt prices?
As mentioned in the video, this approach does have limitations, so yes you will need to create an external checkout system on a platform like LemonSqueezy, Stripe, Gumroad or Shopify, and link the checkout process outside your site or try within an . Unfortunately there wont be a checkout process unless you take them to another site (maybe a subdomain) from the main CTAs.