Elementor Theme Builder Tutorial - Create Custom Shop Pages, Product Pages and More!

Download Elementor Pro: www.darrelwilson.com/elementor
Download Free eCommerce Layout Here: darrelwilson.com/product/elem...
Watch Elementor eCommerce Video Here: • How To Make an eCommer...
The Elementor theme builder allows you to customize every part of your website with no restritions. In this video, ill show you how to use the elementor theme builder to create every part of your website from scratch. Trust me, its easy once you get the hang on it!
0:00 Intro
Create A Custom Header 02:41
Create A Custom Footer 08:02
Create A Custom Blog Page 11:19
Create A Custom Category Page 15:11
Create A Custom Blog Post 17:40
Create A Custom Shop Page 24:00
Create A Custom Shop Category Page 35:31
Create A Custom 404 Page 49:20
Checkout my other Multilingual Wordpress Tutorial KZbin Channels!
Spanish Channel: / @darrelwilsonenespanol
Arabic Channel: / @darrelwilsonarabic
Hindi Channel: / @darrelwilson3827
Portuguese Channel: / @darrelwilsonemportugues
French Channel: / @darrelwilsonenfrancais
German Channel: / @darrelwilsonaufdeutsc...
For more wordpress stuff, you can visit my website: www.darrelwilson.com

[@darrelwilson]

Hey Party People! Just wanted to give a clear and concise explanation on the theme builder some of the more popular pages. Make sure to like this vid and let me know how you are doin in the comments below!

[@muhammadejazniazi8783]

Link is are not working for free Elementor Pro and e-commerce layout as well I cant download they are asking payment

[@darrelwilson]

@@muhammadejazniazi8783 try it, its free

[@bushra_Malik4]

@@darrelwilson Make a toturial on speed optimization without plugins?

[@darrelwilson]

@@bushra_Malik4 darrelwilson.com/how-to-speed-up-your-wordpress-website/

[@jegatheeshwaran4874]

Please put a video about mega menu with image ( flatsome )

[@apingsample4720]

This tutorial explains pretty well about the theme builder, Thanks Darrel!

[@darrelwilson]

Glad it was helpful!

[@matteoxu2992]

Thank you! I really needed this video and also I'm trying the new Essential theme

[@muskyb.albertsen6704]

Hej, very helpful, I use “Hello Elementor” instead of the “Astra theme”, but it works just as well until now. :) Thanks you

[@gabrielleraul488]

damn, this is one of the best tutorials ever, and you're so entertaining, keep up the great work man.

[@darrelwilson]

Hey thanks bro!

[@hirushadeshan3482]

Finally 😊 Thank you Darrel ❤️ Be well in Thailand 😊

[@demomike11]

Darrel I have to say this video WAS AWSOME HELP... I am building my first site and was going nuts with the product search and this hit home for me. Thank you!

[@darrelwilson]

anytime :) if you need help feel free to ask .

[@amitabat12]

MIGHT BE 2 YEARS OLD, BUT STILL RELEVANT IN 2023!!

[@usamajalal5490]

great man... I am watching your videos for a long time (even when your monetization was off 😁😜😜) . I learn a lot from you.. thanks

[@omerta3393]

wow! I was searching for this right now! thanks Darrel you can read thoughts :))

[@gabrielerinaudo3194]

Best tutorial ever watched. Thanks a lot.

[@darrelwilson]

You're very welcome!

[@abhishekmishra9841]

Thank you sir love from India ♥️💕

[@castormagi1]

Great tutorial! Thanks a lot.

[@benjmahoney]

You're funny and humour always help in lightening up anyone's day. Thanks for the video

[@darrelwilson]

My pleasure

[@ThePurpeflurp]

Thank you for this tutorial :D

[@webshades]

Halfway through and loving it. simply brilliant , 👍. After recent major changes in WP & Elementor, many plugins are causing hiccups on the frontend. Please try to share safe way to handle some of major fixes. ❤️ from India.

[@ruwanwlr9388]

Thanks Darrel

[@stealthbusiness]

Darrel you did an excellent job explaining this. Thank you. Question, can we change the feature image to one in our Media Library for every different Blog Post?

[@MalekSalti2]

Thanks Darrell, great content. Can you do a tutorial on how to integrate another language into the website (multilingual)?

[@JohnScheersDewmuffins]

Great video, Darrel. Is there a way to add the Sort feature on the Product Category pages? It's on the default Woocommerce category page, and would like to use it on the new product pages.

[@akashnikam1987]

Awesome Tutorial

[@mohamedel-toukhi4093]

Thank you, this is really helpful. 1 Q: in the single product template, can I use a slider for the photos in case I have 6 or 7 photos for a single product

[@Iqbalhossain-hx6sm]

This tutorial is so easy and learnable.

[@darrelwilson]

anytime :) if you need help feel free to ask .

[@theawolowoway3999]

Hi Darrel, I've learnt a whole lot from you in the past couple of days..great job man. I have a little issue with the search result page of a site I've been working on...any tips? It displays the basic search result page and I've been trying to change it since forever

[@ent-hub2830]

Love you man♥️

[@subinbabu1121]

Party people, bro 🔥

[@tyragarvey9189]

thank you. thank you very much.

[@ventethiais2169]

My business skyrocketed thanks to your videos. Greetings from France.

[@zainebijaz5057]

Hi Darell thanks for this tutorial. I have a question hope u will assist me. My product archive page shows titles vertically, looks weird. What should I do?,

[@jesusrojas5920]

i do have some problems with the filters, cuz they don't work with the "product" element in Elementor, they kind of work (not properly) with the "product Archive" Element but this one is not customizable specialy with the query. please help, there is something I'm doing wrong? i really feel helpfull your videos, but i have months with this problem i can't find a way to solve it.

[@eddier.6749]

Hi Darrel, thank you for the video. I have an issue. I created a single post layout for a client's website and saved it. Now everytime I try to edit or preview any template by itself (wherher it is a header, footer, regular section, anything), the preview and editing shows up as the single post, and it doesn't help because the single post's content is only on one half of the page. I can't find any tutorial solution and I even contacted elementor.

[@szacsp]

Awesome tutorial.. if i tell a lie u r not amazing man. 😜

[@coldfever94]

Is there a way to make the archive dynamic ? Like doing a new one for every category and subcategory would be a nightmare.

[@ChethanKarur]

Hi Wonderful video. I was eager to know how the product page details are created in such a way that it fits in to the template that you just created. You got any video on that?

[@austinshanghai9731]

Hi Darrel,I have a questions about the widgets,Did you use any plugin? Because normal widgets are not the same as yours.

[@jonserve007]

Darrel, Good Day. Question, finally getting the hang of using Elementor. In the area of defining post by querry/term/ when I add pro post the reference boxes are available, but when I select a saved template, I cannot locate "querry/terms" option. Please advise. Thanks Darrel Wilson. Stay Safe

[@DKingFisher]

Those blog posts names though xD Had me laughing so hard

[@frednaseripour7504]

Hi Darrel, can you show us how how to use shopify website to build and customize store??👋🙏🏻 I appreciate it, cheers.

[@MrDh05]

Hey Darrel, When I do exactly the same as your example my sidebar is not working. Only in the main shop page I see my sidebar fully functional. In the them builder I only get the titles but the widgets underlying values aren't showing. Do you have any idea on how to solve this?

[@szacsp]

I like ur videos...i have question...if i make a website in wordpress without psd design so how will i show design mockup to my client? What am i making for him/her? I'm confused 🤔

[@santi_ai]

Excelent!! Can you do an Oxygen review or tutorial?

[@oscarlarsen177]

I have a issue with my header on my website while building with theme builder. The settings i apply for dropmenu on the main menu its not working. Nothing is changing. My guess its that the Theme doesnt allow me. Any ideas how to fix it?

[@Valeras]

Dude you are a genius !! +1💔👍👍👍👍👍👍

[@laiba6930]

Hey! I created my website by following your ecommerce website tutorial and my current SiteGround plan is GrowBig, I'm running two websites on it. Recently I've exceeded my provided web space so therefore I need more web space. I don't know if I should upgrade my hosting plan to GoGeek (but I would only get 20gb more web space which is obviously less) or is there any other way just to get more web space. please recommend me something. My websites are currently down as my storage is full therefore plis reply fast.

[@rhettje]

Thank you for this guide! I was wondering where did you get the widgets under appearance when you created the side bar?

[@kclaw81]

same question here

[@kclaw81]

the problem is the theme, i was using Hello theme but when I changed to Astra the widgets appear on the menu

[@goodwillfactorfactor2665]

I do about everything you show in the video but if I have made a page for each product category I don't get to see all my products when I go to the next page I get a white image with 0

[@KJ-ym5og]

Darrel Help pleeeease... My variation prices don't show when selected what do i do?? All prices are lisited. (I'm using woocommerce, Astra Theme with element or pro from your store creation vid)

[@SAROJKUMAR-di5cc]

When I insert from demo the header it shows check url and reconnect. After clicking on reconnect nothing is happening. What should I do?

[@davidlowe6940]

I am not able to change the color of the text in the sidebar (shop page) The filter by price changed but the color in the product categories did not. Any suggestions?

[@geraldcobain6412]

hey I was wondering if you can help me I got stuck in the WooCcomerce sidebar, it doesn't show me the list of the filters I wanna add to the WoooCommerce sidebar as it shows in the minute 33:28 for me it's very different and confusing hope yo reply to me thanks for the videos.

[@oliviamatthew4516]

With these theme builders, do we need something like Astra anymore?

[@edwardkhoo8066]

Facing an issue having this error "The package could not be installed. The theme is missing the style.css stylesheet."

[@shajan7]

nice sense of humour🤣

[@petarcale3411]

A trick I learned in Elementor if the page is already created in the link box you can type the name of the page and Elementor will search for that page and when you click on the page it will input the link for you automatically.

[@leonarddominguez311]

Hello Darrel, Great content. I wanted to ask if you a video on creating templates to sell? Any help or direction would be grateful. Regards.

[@firstpoint8055]

hi. Could you recommend Product filter plugin (free) dear @Darrel Wilson?

[@ricknoisable]

I give up I tried everything but I can never get the image full on the the baground shop page I have been trying for 3 hours and nothing

[@digidownlo]

If anyone knows the answer to this question in the comments please help. Do I need Elementor Pro to customize the shop/product page e.g design it better with a photo at the top lets say. If I build a shop page from scratch like in this video can I just replace the woocommerce default shop page or will it wipe out my existing setting such as products/categories etc. If you answer Darrel that would be fantastic or anyone else kind enough to comment. Thank you

[@partyboy360]

how do I change the sidebar to filter the products without going to the different product pages? this is driving me nuts.

[@zeepoint8010]

How to insert direct checkout link in shop now button made by elementor on homepage? Please guide

[@ozjmtv1340]

hello Darrel Wilson esque with free elementor I can install the page or create this page

[@marian8711]

Hi Darrel, I am using Neve theme. Could it be that the Query on the Custom Shop Category Page is to be set on the Customizer menu? It is not showing as I see in your video (great video by the way, thanks!)

[@marian8711]

sorry, never mind this question .. found it. Had to take the other widget of products, not the products archive widget

[@Sal-bm4mw]

The Conditions Part making me confused, Where or How did you learn about Conditions well?

[@ScoreNMusic]

Hey Darrel, quick question: which editor are you using for your screenshot vids? Keep up the good work. Thx

[@darrelwilson]

screenshot vids? im editing the video with final cut pro

[@ScoreNMusic]

@@darrelwilson ah....I meant actually which recorder software you are using. or does final cut have this screenrecording functionality?

[@harishc6270]

Good Evening Sir This is Harish From India I like your videos very much & please try to a video on android app without coding which is customized thanks you

[@darrelwilson]

i am working on this

[@mikeilles5247]

Do you have a discount code for Elementor Pro??

[@PawnaLakeCamping]

I see the sidebar first in mobile view...How to hide that?

[@toungewithgills1]

Are all themes simular to the same. I am looking at purchasing the sweet date, dating website theme which comes with all the plug-ins suposidly. Although enough about my novice project. Your videos on KZbin are great they show, or teach well. 2/20/2022 this comment was made.

[@elisandromax9138]

why my elementor not showing single product template? please answer

[@hossainrakib9624]

Is this a lightweight website? because elementor element slowdown website

[@filynz]

Hello Darrel please I need you to help me, I have a course with video, e-book and audio course for customers to choose from as preferred, but my problem is that how can I create the PDF course separately from the video and the audio courses as 3 different courses on the learndash ? Will be glad if you can put me through or have a general video on this.

[@darrelwilson]

im sure you can think of something, maybe look into a membership plugin or product addons. It can be done, but youll just need to combine plugins and see how you can achieve it. I believe in you :)

[@92soldier]

how do you get dark mode on elementor? :o

[@jelayawilliamson9053]

I need help my theme builder is not working and I am getting the following message......Theme Builder could not be loaded We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it.

[@thejackleader]

Why do I not have widgets under appearance?

[@mbclips7236]

How to convert wordpress ecommerce website to mobile app in iOS and Android

[@DavidPresent]

Thanks. One question. Can I put "soundcloud" widget instead of the "image product"❓ I'm selling music. Thanks!!

[@darrelwilson]

Yes you can!

[@wyattsimpson7146]

Okay..... Can sombody tell me how you get the "sort by: price high to low" or "sort by: popularity" widget. everyone has it but how in the world do i get it

[@haagsesam]

You probaly have hello theme installed, i had hello theme but switched to astra, they will be available in astra theme!!

[@khamphongsouthammavong3757]

how can i get telementor 3.0?

[@johncamping]

My add Footer doesnt work.

[@cryptoking8060]

I see this only applies to Elementor pro, is this correct? Not just the base version

[@darrelwilson]

this is only available for the pro version, time to upgrade? www.darrelwilson.com/elementor

[@johanneskingma]

@9:35 I suggest to use local links and not absolute links here. Moving your website to another domain is going to be painfull otherwise. Btw why don't you use global typogrphy and colors?

[@LachhebDrawing]

I did watch your last Ecommerce website but it's not responsive which it will hurt conversion rate

[@darrelwilson]

thanks for letting me know, ill adjust it. But i do cover mobile optimization in that video so it wouldnt take long for you to also adjust it for mobile

[@riponroy116]

Theme development tutorial want

[@ferarugabriel9234]

Hello , theme builder work only with pro version?

[@darrelwilson]

Yes only in pro version

[@ferarugabriel9234]

@@darrelwilson Ok, Thanks!

[@sbtechnollc]

is it possible to create a mobile application with WordPress

[@darrelwilson]

yeah, i can add this to my list

[@hadiya2179]

Compare to oxygen page builder Elemantor has speed issues. Oxygen rules.

[@ziontech1586]

Please did you used elementor pro?

[@darrelwilson]

hey , yes sure

[@supportdepartment6549]

been your subbie since 40k. until now, I still haven’t master it. I wish darren will be raffling off a total website creation free of charge and one winner will be chosen from all the subscribers. just a wish. hehehe.

[@darrelwilson]

maybe something like this will be coming for christmas :)

[@lavagaming616]

Any one have custom cms i will give in exchange 2 themes with license revo theme and rehub theme.

[@Trainyourdogs]

Give me your vedios which about design website step by step.

[@darrelwilson]

kzbin.info/www/bejne/mmrXlKCnf6p4q5Y

[@karyl372]

Im not following making categories urggghhhh

[@nohamohammed9935]

ياريت تنزله بالعربي متابعتك

[@johanneskingma]

Great video. It shows how to make a website that is impossible to maintain, lacks any careful design decisions (the programmer going: I kindof like this.... without paying customer feedback) it is a total mess and not very helpful in a real world setting.

[@mtayyabrehman6964]

1st view

[@darrelwilson]

congrats!

[@mtayyabrehman6964]

@@darrelwilson Thanks

[@ElmainEssadiq]

U just need to refresh. There may be many viewed before you. Atleast 5

[@zouhrrr]

2024 😂🎉

[@darrelwilson]

Enjoy it :) Feel free to drop your questions in the comments.

[@algarehfarej3880]

Thank you, please translate it into Arabic

[@johanneskingma]

34:48 and this is why wordpress and elementor are a mess. one is never sure where to change what to get a consistent interface. And can be anywhere

[@sonywang]

PRO ONLY 。 BAD TITLE