Elementor finally allows us to design Woocommerce. It’s almost perfect.

In this video I'm gonna show you what's possible within the new Elementor version that now has proper Woocommerce design customization features. Including the Cart, Checkout, Account page and coming soon: the Thank you page as well.
Want to see the Woocommerce series that I've created? Click here: livingwithpixels.com/playlist...
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/software/
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ My Social Media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

[@angetay67]

Yess! Please make a tutorial on how you made the checkout and cart page please!

[@AfkarzemerTech]

Yes we needed

[@MegaHannanas]

Yaaaass!!!

[@camiloaristizabalweb]

Pls i need this ✌️😉

[@DougDtech]

Yes please !

[@AfkarzemerTech]

Where is the tutorial 🙄🙄🙄

[@reazycc254]

I always get excited whenever Elementor shows a new feature. Thank you so much for creating videos, you're doing an amazing job!

[@KalleFlodin]

Would LOVE a video on how you customized it like this, looks really good! And thank you for all the time you're putting into these tutorials, it really helps out 😊

[@plantifulalexandra]

When you randomly see Kalle in the comments of your favourite Elementor KZbinr. :D

[@stefanpfadt4353]

First of all thanx so much for your videos! These pages look incredible and I am sure more people would love you to make a step-by-step for the cart and especially the amazing looking checkout page :)

[@AlmaLibreStudios]

Your tutorials are so thorough every time, thank you! Looking forward to whatever you are posting next!!

[@MrOptima]

*Perfect timing*. And to think that I was about to work on a child theme for the next two days to create the look I need for a webstore. Thank you very much Rino.

[@giovanas.busellato9240]

Nossa! Muito feliz que encontrei esse canal! É um designer usando adobe, elementor e crocoblock. Eu me identifiquei com tudo, inclusive com as mesmas dores. Perfeito! Simples, objetivo, fluido e engraçado xD

[@lucacossu1088]

Rino you are a godsend. I honestly hope you get the appreciation you deserve.

[@LeonGames]

Holy moly, this is definitely a step in the right direction. Even with the limitations we are getting closer to the full Woocommerce integration. The loop feature would fit within the theme builder and would be incredibly useful for products but also posts and custom post types.

[@wordpresswithabdou5050]

Really great content as always, thank you rino ❤️

[@fredachuang3689]

Hi,Rino. I really appreciate you to make all video, I learned a lot from your video tutorial, it's is very useful for me! you are doing very well and Please keep it up!

[@juancarlosgarces5601]

Yes Rino! Please do make a tutorial on how you made the checkout and cart page please!

[@wordpressbuild2822]

Great News! Thank you for sharing. I would love to see a tutorial on how to make a product archive page. It is just what I am looking for :) Thank you again so much for your tutorials.

[@PeterPannekoek1850]

A really nice feature. I always searched for the right woocommerce class to customized in the css code. And even than you are limited.

[@theali7890]

Always love your content. I have learnt a lot from your tutorials. Please make another tutorial about these new features. Thank you

[@albertzemtsov]

For archive page, u need to add variable product to be able to select options like size, color etc before adding to the cart

[@TM-dx8zy]

We definitely need tutorials for that. Great update.

[@abdulqadirsulaiman7919]

Nice video Rino... I knew I would be seeing this. Thank tou for more insight on it

[@charlieguillo7081]

Yes ! Please, we need a tutorial on how you made the checkout and the cart page 🙂

[@susangemayel-tapper3794]

Great video and great to see you back on YT

[@disenadorwebfavorito]

Good vibes from Mexico, great content and guidance. Hopefully Elementor gets as good as Crocoblock soon.

[@shubhamjindal1051]

I love this. I really eagerly waiting for this.

[@aheli]

Great video as always. Your channel has good vibes. Thx!

[@modhausstudio]

Hi! Thanks so much for the info! Would love to see an updated tutorial on all of these new features and how to use them! Cannot find any information on KZbin about this anywhere!

[@gauravmishra5998]

Off course we need a tutorial to make these changes! they look so cool!!

[@FinnBiz]

Please make tutorial on how you made these pages! Looks awesome 👌

[@alisiblini8055]

You are just good, every word is useful in your content, keep it up please! much of support to you.

[@rickballer]

Nu al aan het uitkijken naar de volgende video's!

[@danieler585]

My friend, you save my life on multiple occasions haha thank you for your wisdom.

[@jonathonward5699]

Yess! Please make a tutorial on how you made the checkout and cart page ECT

[@kasumiramirez9506]

Hey Rino! Thank you for the great tutorials. I'm your big fan and a subscriber to your newsletter! Can't wait to watch more new videos from you! I have one question for you. Have you ever needed to deal with "chargebacks" ? I heard a lot of web designers get them. If you had, or any tips of how to prevent them, can you please share with us? Thank you!!! - Kasumi

[@philipkeeler9997]

Hi Rino. I don't Woo but dropped by to hit the like button. I hope you are well and your absence doesn't mean you're still in a state of flux. All the best in the new year.

[@jaoortega]

This is amazing! And will be more awesome if you could help us achieve this with the help of your intuitive tutorial... All the best Reno! thank you for doing this..

[@OfficialJetzeGoproskating]

Yes and the product page!!

[@muhammadassad3593]

Thanks ...kindly make a tutorial on how to make Beautiful woocommerce page as you showed in the start ...thanks

[@thabisoboss5522]

PLEASE, a tutorial would be worth more than gold. I can't wait: 😎

[@chillingarenaa603]

Great!!! I would love to see how you customized the cart and checkout page though

[@MegaHannanas]

Exactly what I needed!! You see the stars are aligned for me. New webshop coming up!! Mede mogelijk gemaakt door living in pixels.

[@Gallyway-com]

Would love to see a tutorial on the updated product page! Cheers!

[@certtechwebsolutions]

I always love your content my man. I think Elementor should be consulting with you before releasing updates lol

[@ewast777]

Would be really great if you could make a video about how to achievie good design with Elementor Pro AND Crockoblok - how to use Crocoblock for the filters and Archive page / Shop page. I would really appreciate this!

[@infoguru5382]

You are the best!! Love from Bangladesh

[@bethmills3945]

Yes please make tutorials on this!!!

[@emanuelbagirathi4750]

Great video update bro!!

[@danishhaseeb9004]

your videos are great just subscribed. Looking forward to this tutorial. 👍

[@stevemaster92]

Great video and content as always, Rino! Thanks for your work you put in all of your videos. I would really appreciate if you could add a 2nd "Design a webshop series" or extend the existing one, where you can fully customize all/most relevant pages: archive + filters, single product + selection (e.g. of sizes, colors), cart, checkout, thank you, account. I have already started with a basic webshop myself following your tutorial. As of right now, I think designing all these pages is possible with only Elementor + Crocoblock, right? However, I and possibly others would be very interested in that. Thank you!

[@capricik]

İ second this 👍👍

[@quitagulley6512]

Good morning/afternoon, this is awesome. Of course, we want to know. Please share how you designed the cart page.

[@JohnChatel]

Hi, thank you for all the great videos about Elementor! I have learned a lot 🙂 I have a question that I can't answer, how can we use an elementor template for woocommerce attributes archive please? I search everywhere and I found nothing. Thank you!

[@xsiete25x]

Great video, i think it would be great if we could customize the sidecart as well instead of using expensive plugins, im sure that would not be too hard to implement, if there's an easy trick please let me know haha

[@alondraobregon8444]

Thanks!!! 🤩 Could you make a tutorial of the whole new page design?

[@bamstian]

Hello .. just here to say I love you! Keep up the good work! :)

[@UglyKidJoe71]

Excellent production thank you. My biggest concern then is the lack of filtering, because that is important for the type of products I will sell. Also, is Astro still the way to go? I purchased Woodmart but I feel it may be overkill for my site which is just selling generators (so only a few categories)

[@lifesuckshere]

Awesome. Waiting for your detailed video on customizing each page mentioned. TIA

[@marcoalmenares1015]

Yes yes make a video on this options

[@edubowman]

Great video, thanks! Could you share what tablet do you use to show the handwritting/paniting you do to show the different pages on the screen? I don't see it on the description. Thanks!

[@nayadev8351]

what a beautiful news!

[@financialTimesPk]

Hi. Nice video. BTW You can customze the look of archive page by creating a listing item with the design you want and then using that listing in Elementor Archive Page template. I do this everytime for my clients.

[@Rafael-wi5rd]

Great content and I really would like to know how you made that product page! thanks a lot!

[@varundade]

Hello Living with pexels, love your videos! I had a question actually if suppose I am a agency website offering logo & web design services then how can i add functions like fiverr on my agency website so that the client can choose any service he want, place the order, submit there requirements, track the order completion stage, receive delivery & leave a rating. Can you make a video on this please because there are a ton of themes for creating service marketplace but no one is telling how to add the above mention features to our website without affecting the overall website design. Merry Christmas & Happy new year to you! Thanks!

[@muddyshirt]

best youtube channel ever

[@ditysports2775]

Hey, super fijn dat dit eindelijk kan! Ik zou het super vinden als je hier tutorial video's van kan maken zodat ik het ook in mijn website kan toepassen. Alvast bedankt!

[@bensmith4376]

Yess!!! Tutorial Please!

[@koalaboy1643]

Saw you uploaded a video, it took me 50 second to click. What a great news! 😅

[@aheli]

Do I need to have WooCommerce installed to access these widgets? Can not see that they are available in Elementor Pro.

[@adoopwebdesignenmarketing8835]

It's done with the developer mode of Elementor. So this will be in the future update. If you want to check it out already you can download the developer plugin / mode from Elementor to see the new updates.

[@rinodeboer]

Yes, I think you will need Wooc installed in order to see them, because it needs to pull the data from somewhere I think.

[@oratoretagency2538]

do you have video about how you customize login/register page, account dashboard page and product page like in this video? would love to learn about it. thank you!

[@legionreaver]

Great stuff! Any chance we could see how you set all that stuff up and/or perhaps a video on how to setup registering users and accounts? For example I'm building a website as a therapist and want to be able to have people create/register an account via creating a username or using google, Facebook etc to login then once they login I want them to be able to buy a service and then have that service registered to their account until it is scheduled and used up. This requires a store, registration process and a booking plugin or at least I'd like to be able to set all that up myself.

[@adamtechnology3204]

Please show the tutorial how you made the cart, and checkout, it looks so cool. PLease tag me when it is online. Question: Is this only for Elementor PRO?

[@muhammadmuazanjum963]

through custom skin using in loop you slove this problem of card button and design your own wish what you think?

[@favboost]

Hey,nice videos .Do you have advice for how to speed woocommerce ?

[@torres2291]

I really love to watch your videos you're very helpful I'm making an e-commerce site and i need your help please update us with the latest customization tools for Woocommerce, and give us some information about how to add taxes and shipping

[@lulugoh3935]

May I know what's the latest/best new theme you are using for Woocommerce web shop (if you are not using Astra anymore)? Thanks for your video!

[@MoodyClanHQ]

Tutorial on how you built the cart page would be much appreciated

[@roppor2194]

We are waiting for the continuation, I like your design from this video, show how to create it + use a crocoblock in the lesson, where necessary. Let's add advertisements for the sale of goods to this site.

[@NickOldfield-gw5sx]

How do you add more info to the product line item on the cart/checkout pages? I have some custom fields using ACF that I would lkke to add but can't find any way to do that

[@MrLebebe]

Hi Rino, I hope you are very well! thanks for sharing, your great videos!!! Quick question, using astra you have to pay the price for the theme + Elementor pro? What are your thoughts about using the Elementor Hello theme instead? Thanks so much

[@hanadiaboudargham53]

Hello Rino, First, thank you for your valuable content. Second, does this message in Woocommerce status that uses elementor new woocommerce widgets "Page does not contain the [woocommerce_checkout] shortcode or the woocommerce/checkout block" affect the whole experience of my shop?

[@sergio_grez]

Yes!!! make the tutorial please!!!

[@anaisabel907]

Hi Rino! Did you create a tutorial on how to create a web shop with this new Elementor version? If not, I would love to see it.

[@nomaddesigner]

Please do a tutorial to make an e-commerce site with all the new elementor features from scratch, this would be so great. Thanks in advance

[@rebeccaschneuker1339]

I have elementor version 3.5.0 & elementor pro 3.5.2 ... I'm not seeing where I can customize the cart, account, checkout pages. I've been having to use custom css.

[@andycosta68]

Rino, have you done an update on this? I'd love to see what are your impressions from 2 years ago to now. Thank you.

[@k.makarich]

Thank you very much, a very cool lesson, please tell me how to put the user's avatar in the header menu in front of the basket, on the hello theme. I don't know English well so I'm sorry if I wrote something wrong

[@faisal.enayat]

tutorial please! really helpful video as always! Thank you!

[@yeahsure4415]

Yes definitely tutorials

[@techchronicletoday]

Hi Rino, I've tried and tried to recreate these pages. At first thought you had used dynamic tags but can only get so many items with that. Ive even had a look through developer mode in chrome but still not a clue how you have done it. Would be great if you could reach out would love to use this style on our site.

[@saragomezgarcia5492]

Thanks for the video! Please make a tutorial, that will be GREAT :)

[@kuba8604]

I neeeeed tutorials about this ! Custom checkout page and cart page. Your design looks awesome, I still dont know how to do it, Is it possible with astra ? or you need default theme ? Do I need to delete astra ?

[@andrewmgreer]

Hey now! Where can I get one of those living with pixels mugs??

[@amiralibigdeli357]

Yes! Please make a tutorial

[@gregorythompson8873]

if i have two text boxes in an elementor template, how can i show one specific text box over another by selecting a certain category and having that text box show what is in it?

[@aleksandramockaite1835]

Hi Rino ! Now that is possible not to use astra theme... What kinda theme did you use in this video ?

[@shivamsingh8996]

Please make videos on how you created the cart, check out , product page and archive to look like this?

[@muafaa]

any recomendation for must install plugin for new wordpress site/blog?

[@lilacDaisy111]

6:50 - I couldn't see that listed under the video. Are you saying "Crokoe Block" - sounds like what I'm looking for

[@chanyausuet2947]

amazing..can u make a tutorial on how you made this?

[@clarkbl]

I'm creating a job board. I'm wanting to move from the job post preview, to checkout. On the checkout page the user will be able to select their posting package (ie paid or free). You know of any plugins that could accomplish this?

[@eastnewyorkpostalservice1849]

You said crowcrow block? For the item display customization? How much is it?

[@solvelikepro3053]

Yes please make the tutorial as shown in the video

[@chi_bot8648]

Hey since Im using the Astra theme it affects the styling and customization features/options for my Elementor Pro widgets right? So by upgrading to Astra Pro do Elements benefit from extra customization/styling when editing a woocommerce widget for example, or doesn't it work like that?

[@creadigma360]

Aweeesooome!!