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

Рет қаралды 200,403

Күн бұрын

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.

Пікірлер: 285

@angetay67 2 жыл бұрын

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

@AfkarzemerTech 2 жыл бұрын

Yes we needed

@MegaHannanas 2 жыл бұрын

Yaaaass!!!

@camiloaristizabalweb 2 жыл бұрын

Pls i need this ✌️😉

@DougDtech 2 жыл бұрын

Yes please !

@AfkarzemerTech 2 жыл бұрын

Where is the tutorial 🙄🙄🙄

@reazycc254 2 жыл бұрын

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

@KalleFlodin 2 жыл бұрын

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 2 жыл бұрын

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

@AlmaLibreStudios 2 жыл бұрын

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

@stefanpfadt4353 2 жыл бұрын

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 :)

@MrOptima 2 жыл бұрын

*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.

@lucacossu1088 2 жыл бұрын

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

@fredachuang3689 2 жыл бұрын

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!

@giovanas.busellato9240 2 жыл бұрын

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

@susangemayel-tapper3794 2 жыл бұрын

Great video and great to see you back on YT

@wordpresswithabdou5050 2 жыл бұрын

Really great content as always, thank you rino ❤️

@theali7890 2 жыл бұрын

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

@wordpressbuild2822 2 жыл бұрын

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.

@aheli 2 жыл бұрын

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

@alisiblini8055 2 жыл бұрын

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

@abdulqadirsulaiman7919 2 жыл бұрын

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

@LeonGames 2 жыл бұрын

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.

@disenadorwebfavorito 2 жыл бұрын

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

@shubhamjindal1051 2 жыл бұрын

I love this. I really eagerly waiting for this.

@philipkeeler9997 2 жыл бұрын

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.

@juancarlosgarces5601 2 жыл бұрын

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

@danieler585 2 жыл бұрын

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

@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 KZfaq about this anywhere!

@TM-dx8zy 2 жыл бұрын

We definitely need tutorials for that. Great update.

@kasumiramirez9506 2 жыл бұрын

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

@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)

@JohnChatel 2 жыл бұрын

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!

@danishhaseeb9004 Жыл бұрын

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

@infoguru5382 2 жыл бұрын

You are the best!! Love from Bangladesh

@albertzemtsov 2 жыл бұрын

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

@edubowman 2 жыл бұрын

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!

@PeterPannekoek1850 2 жыл бұрын

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

@bamstian 2 жыл бұрын

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

@charlieguillo7081 2 жыл бұрын

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

@aheli 2 жыл бұрын

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

@adoopwebdesignenmarketing8835 2 жыл бұрын

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 2 жыл бұрын

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

@certtechwebsolutions 2 жыл бұрын

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

@varundade 2 жыл бұрын

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!

@MrLebebe 9 ай бұрын

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

@quitagulley6512 2 жыл бұрын

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

@rickballer 2 жыл бұрын

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

@koalaboy1643 2 жыл бұрын

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

@stevemaster92 2 жыл бұрын

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 2 жыл бұрын

İ second this 👍👍

@jaoortega 2 жыл бұрын

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..

@FinnBiz 2 жыл бұрын

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

@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

@hanadiaboudargham53 2 жыл бұрын

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?

@muhammadassad3593 2 жыл бұрын

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

@Rafael-wi5rd 2 жыл бұрын

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

@emanuelbagirathi4750 2 жыл бұрын

Great video update bro!!

@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?

@gauravmishra5998 2 жыл бұрын

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

@MegaHannanas 2 жыл бұрын

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

@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!

@thabisoboss5522 2 жыл бұрын

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

@chillingarenaa603 2 жыл бұрын

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

@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.

@jurgenmay6726 2 жыл бұрын

Hi Rino, thx for this Video! I would like to build a store with WooCommerce for a client (it's my first time). I use WP and as theme Astra. In addition, I use the page builder Elementor Pro. Can you recommend this constellation or should I buy a store system at the beginning, for example Shopify or IONOS. Do you have experience with a provider like Strato or IONOS? Thanks for your answer. Many greatings - Jürgen

@legionreaver 2 жыл бұрын

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.

@favboost 2 жыл бұрын

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

@muhammadmuazanjum963 2 жыл бұрын

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

@jonathonward5699 2 жыл бұрын

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

@ewast777 2 жыл бұрын

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!

@kuba8604 2 жыл бұрын

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 ?

@xsiete25x 2 жыл бұрын

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

@ai4kWebdesignEcommerce 2 жыл бұрын

Hi!, is it possible to create a theme with Pro, then export that theme, and import it into another (client) WordPress? The client should have the free or the Pro?

@rebeccaschneuker1339 2 жыл бұрын

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.

@muafaa 2 жыл бұрын

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

@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?

@Gallyway-com 2 жыл бұрын

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

@muddyshirt 2 жыл бұрын

best youtube channel ever

@inesferreira183 3 ай бұрын

May I ask you how did you edit the cart to be like that? I have elementor pro and I don't know how I can do that. I also use botiga theme, not astra. How can we edit the cart? They don't even let me inside the cart page. Thanks

@ditysports2775 2 жыл бұрын

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!

@adamtechnology3204 2 жыл бұрын

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?

@andrewmgreer 2 жыл бұрын

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

@marcoalmenares1015 2 жыл бұрын

Should we buy the pro now or would there more discount on Thursday/Friday

@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!

@gregorythompson8873 4 ай бұрын

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?

@MichaelGDunnett 2 жыл бұрын

Do you have a central dashboard for clients to login and have access to website analytics etc

@lifesuckshere 2 жыл бұрын

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

@k.makarich 2 жыл бұрын

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

@aleksandramockaite1835 2 жыл бұрын

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

@nayadev8351 2 жыл бұрын

what a beautiful news!

@kazerog2000 2 жыл бұрын

What is the most lightweight woocommerce theme would you recommend that works with elementor?

@anaisabel907 11 ай бұрын

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.

@craigcater5783 2 жыл бұрын

Is there a way to create a drop down at check out to identify different sales reps ?

@financialTimesPk 2 жыл бұрын

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.

@toomaskilm 5 ай бұрын

Are the CART and CHECKOUT and PRODUCT blocks listed under EA (for pro) or WOOCOMMERCE as they have similar named blocks?

@OfficialJetzeGoproskating 2 жыл бұрын

Yes and the product page!!

@hazem743 2 жыл бұрын

Hello, thatnk you for your videos mate, really super useful, will there be any special crocoblock discount for this blackfriday ?

@rinodeboer 2 жыл бұрын

I'm glad you liked it! There will be nice discount for Crocoblock as well. Make sure to watch the next video.

@businesssuccessor 2 жыл бұрын

How did you approach the design for when the cart is empty?

@toomaskilm 5 ай бұрын

Great video! I use OCEANWP. Should I turn off the WOOCOMMERCE features of the theme given the added functionality of the new Woocommerce blocks?

@Debbersisnotnormal Жыл бұрын

Do you have anything on how to set up for selling digital products?

@torres2291 2 жыл бұрын

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

@alondraobregon8444 2 жыл бұрын

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

@eastnewyorkpostalservice1849 5 ай бұрын

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

@andycosta68 5 ай бұрын

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.

@bethmills3945 2 жыл бұрын

Yes please make tutorials on this!!!

@yuliadamen5808 2 жыл бұрын

Do you need the elementor pro version to have those futures?

@Bostiful 5 ай бұрын

Love your videos Rino! One question about custom checkout pages and cart pages... How does it affect Facebook tracking and google tracking? Just curious before I jump in to it. Thanks!

@rinodeboer 5 ай бұрын

I am not sure exactly. But I think you can also connect a tracking pixel to these pages.