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
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.
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
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.
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
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?
PLEASE !!!!! somebody i need help WHERE I CAN FIND FULL GUIDE (webflow) how to CREATE E-STORE from zero to publish and how to CREATE E_LEARNING platform from 0 to Publish ? Is it exist somewhere ?????????
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
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!
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.
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
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.
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
Why would the client pay 25 usd/month or more only for hosting, after his ... local business website was developed and deployed ? And pay like high grade hosting, for a website that is not realy mine, I can't transfer to another server if I am no longer happy with the evolution of the platform, and lacking a lot of options like shipping integrations, mailing systems integrations and so on ? It makes sense for the speed of development for the designer, however, it does not makes sense for the client. Yeah, so ... only for high ticket clients ? They usualy want a lot more than this paltfom can provide.
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.
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.
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!
Very, very nice for some simple catalog presentation, however, saying you can build a ecommerce shop with Framer, is a joke, at least at this point. Adding links to purchase page ? For some 3000 products as a typical small ecomm has ?
Yes but you loose separate pages for specific categories which isn’t as good for SEO. With a component all categories will be on a single page, and there won’t be any targeted keyword oriented categories for different pages.
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.
Yes of course, but it will have to push the checkout experience on an external domain for purchase features. Unless you use on of their 3rd parties like Lemon Squeezy.
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?
As Mentioned in the video right now with this system you can link to external check platforms like shopify. Or connect a native integration like Gumroad or LemonSqueezy. The main value point here is creating simple product catalogue manager and store not a full on e-com solution.
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.
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!
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.
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, 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 ?
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...
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?
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?
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
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
![[Full Episode] The Restaurant War Thailand ศึกพ่อค้าซ่าแม่ค้าแซ่บ Episode 2 | 29 ก.ย. 67](http://i.ytimg.com/vi/r3lfLNH6Ke4/mqdefault.jpg)
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
Totally agree, got the same feedback before. Will make sure I do this moving forwards!
Yeah great content but I'm literally dizzy.
Is there a way to add customer review section and checkout page with customized functions, thank you!!
This was very good! thank you!
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.
Awesome content!
How do i Link payment system to this site we created, show us how to integrate the payment system, please!
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
Thanks 🙏🏽! Still planning but nothing out yet!
@@BuildwithOmar Thanks a ton, I learned a lot from this video. Will be awaiting the next one!
@@BuildwithOmar Awesomely put together ! Could this in any way be connected to shopify ? or even exported & imported to Shopify as a theme ? Thanks !
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.
Thanks buddy! Yes it’s just the external link, or you can add their native integrations like Gumroad or lemonsqueezy!
@@BuildwithOmar it would be great if you can cover this in a video
the fees for the native integrations are ridiculous. @@BuildwithOmar
@@BuildwithOmar Would be awesome if you cover this in a video!
what screen recording software do you use? I love it
Could you make another video about the payment method, just like you proposed 🙏😊?
Yes please, we need payment method. show us omar!!!
I'm interested in adding a recommendation section to the product page. Do you have a tutorial on how to do this? By the way, this tutorial is awesome!
Like a review in the product page? There are some decent preset components framer offers.
Finally a decent CMS tutorial - I need to build a project site, this makes sense now - Thank you
Happy to help!
I was looking for framer ecom tutorial and omg you really did it. This is 🔥
Thanks dude!
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 !
We are in the process of figuring this part out!
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
Amazing video. So helpful. Thanks so much Omar.
Quick question: How would I go on creating the add to cart flow that connects with shopify?
the only perfect framer cms video.
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?
You will have to connect Framercommerce.com, this is the only way. A bit pricey though!
great, but it doesn't go over problems with e-commerce problems like checkout and inventory management.
This is so helpful; thank you!! If the buy buton tkaes you to a shopify link, how does that work? Are customers just taken to the shopify store?
PLEASE !!!!! somebody i need help
WHERE I CAN FIND FULL GUIDE (webflow)
how to CREATE E-STORE from zero to publish
and
how to CREATE E_LEARNING platform from 0 to Publish ? Is it exist somewhere ?????????
The dizzyness is real.
Hey! Could you share resources on the pop up shopify payment gateway. Also what would it cost me?
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
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!
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.
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
Great video. I was looking into bigcommerce. Whats the benefit of using something like framer over bigcommerce?
*Based on a similar CMS, is it possible to create, for example, a wish list for a store?*
Hey, mate quick question how would I make a cart if I had to ever. Is there any plugins or any way of making it in framer?
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.
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
good value, but the pace of the video is reallt quick. And 0 explanation, could've took more time to explain what is going on with a slower pace
Why would the client pay 25 usd/month or more only for hosting, after his ... local business website was developed and deployed ?
And pay like high grade hosting, for a website that is not realy mine, I can't transfer to another server if I am no longer happy with the evolution of the platform, and lacking a lot of options like shipping integrations, mailing systems integrations and so on ?
It makes sense for the speed of development for the designer, however, it does not makes sense for the client.
Yeah, so ... only for high ticket clients ?
They usualy want a lot more than this paltfom can provide.
but payment link for every product would not the same i guess
How can we add shipping methods and checkout and payment methods etc. Is there something like woocommerce in framer??
but how much will cost the hosting of this e-magazine? Great tutorial and I am currently searching can Framer help me with my work.
Can I add multiple variations of a single product ? And can I add a dropdown menu for the quantity of items added to the cart?
Subscribed because this is one of the most advanced stuff I've seen done with framer.
Thanks brother!
Can you create something with checkout process. I love to see those~
how you can make a shopping cart and make the page funcional to add products to your shopping cart is this posible??
Please add the Spanish subtitles to your video to watch it and read it. There are everyone but less Spanish.
Can you finish this up and set up a payment? I haven't seen anything anywhere about how to connect payment on Framer.
What software you use for this type of zoom effect and to record screen recording video
Nice work! Are you able to do a tutorial on building a dashboard/web app on Framer?
Coming soon, with a template for knowledge base for SaaS
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.
Thanks buddy. I address exactly that in this chapter: th-cam.com/video/ccRbK-uucSk/w-d-xo.html
@@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.
How can I add a shopping cart, a cart where all the products selected will appear to purchase all the products at once !
How do you create a cart if user wants to buy several items?
Is it possible to have an add to cart feature to this site?
Just hire a dev 😅 this will be so messy after some time
Liked the content but all the motion was making me sick..
Can this be hosted like a normal website?
Can we add a login functionality on Framer?
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.
please sir 1 video on how to add payment in this ,, pleaseeee
Hi Omar, I know this video has been some time. I would like to ask if this method can be integrated with Shopify. Thanks!
There is a few custom plugin components, I’ll probably make a video soon!
Can i build it using the mini Framer plan ?
fantastic video
what about search
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!
What is the best plan for a e-commerce store?
Great tutorial. Thanks so much. The screen moves and zooms too much. Makes one giddy.
Haha is that a good thing or bad thing?
@@BuildwithOmar Please move the screens slowly. have to watch the video at .75x to stop my head from spinning :))
@@DesignDen673 will keep that in mind thanks 🙏🏽
que mouse feo amigo xD Gracias por la info
can we have an "add to cart" functionality?
Very, very nice for some simple catalog presentation, however, saying you can build a ecommerce shop with Framer, is a joke, at least at this point.
Adding links to purchase page ?
For some 3000 products as a typical small ecomm has ?
Agreed, it is a basic e-commerce flow. We are in thew process of figuring out a more robust solution!
can i apply javascript in framer?
Rather duplicating new store page can't we make components and function on same page?
Yes but you loose separate pages for specific categories which isn’t as good for SEO. With a component all categories will be on a single page, and there won’t be any targeted keyword oriented categories for different pages.
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.
But will this framer be able to carry 100 or even thousands of products in my e-commerce collection on website's cms?
Yes of course, but it will have to push the checkout experience on an external domain for purchase features. Unless you use on of their 3rd parties like Lemon Squeezy.
why dont click on checkout ?
how to add more images on the cms?
mashallah< loved so much
my name is Umar Farooq🥰.
can someone create cart on framer
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?
Must be a layer thing? Try Z indexing your image higher.
Hi Whats the Buy now link here? There is no link in the button. How can I give payment link in the button?
As Mentioned in the video right now with this system you can link to external check platforms like shopify. Or connect a native integration like Gumroad or LemonSqueezy. The main value point here is creating simple product catalogue manager and store not a full on e-com solution.
Great info. great tutorial. product attributes like size or color? any thought
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.
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!
How to export to hostinger
Amazing, Can you make a video on how to make a store for a one product?
I’ll try my best!
Great tutorial! I followed it minute by minute. Worked perfectly. Thank you for taking them time to walk us through this process!
is framer wrks in india
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.
Thanks for sub and feedback! Appreciate you!
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, 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 ?
please monitor name 😍
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...
It was too Helpful Omar, Thanks a Lot🙌🏻. Can you please make a tutorial on how to make a e-commerce store in Framer with Shopify please.
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?
Yes but you need to use an integrated component available in their library or use a tool like getmagicform.Com
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?
Wow, this is fantastic! Ran Segall has built the best community on Webflow, and you will be the man for Framer. :)
Haha I hope so buddy 🧡🙏🏽
Amazing video... I wanted to ask how to create the login and sign up section
what do you use for recording the videos? the zoom ins and outs and the screen without the iOS top bar looks cool
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
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
❤🇸🇩🇸🇩🇸🇩🇸🇩🇸🇩🇸🇩🇸🇩❤
Top top explanation! deserves all the likes and the subscriptions
very bad
What wallpaper do you have on your MacBook?
It’s by a creator Vlad Teplin, on Instagram and TikTok he sells it on his Bio
Thank you so much, you saved us a fortune, keep up!
Happy to help bro!
Straight up FIRE!
can I know what you just built now is it a 1 cms collection or a 4 cms collection?