How I designed this product website in Elementor Pro

[@oluisdesigner]

2 years and is still the best video to learn elementor fast

[@JayJay-ki4mi]

I liked the intense CTA button, but nice tutorial. I've been coding themes by hand for a long time. I used Elementor one a job (just some content fixes) and was blown away by Elementor. I ended up purchasing because I'm getting older and I value my time.

[@AerialJohnny]

Hands down the greatest tutorial for elementor on KZbin!

[@tymonvandenburg5281]

Fijn om je weer terug te zien Rino, bedankt voor deze video!

[@noahgels7292]

Just watched the official elementor guides. Then I thought why not watch somebody who actually uses the software a lot... Great Video man!

[@rinodeboer]

That’s a huge compliment, thank you 🙏🏻

[@renehinojosa1962]

Thank you for posting this most helpful tutorial! I love to see how designers approach a webdesign project, it gives us great insight about one's organizational skills and approaches. Seeing you put together this website in Elementor was inspirational. Thanks for putting out superb content like this.

[@johnravi3887]

Hi Reno, It was a great video! I recently got a client, who wants this exact same thing on his website, although my team is well-equipped to create this on their own, I think your video will be a great help for them. I will definitely share this video with them, and they will be able to follow the process and get this done quickly. So thanks a lot for sharing this, it was a great help.

[@Lokalbesucher]

best Elementor TUT i watched so far, love it

[@runnard]

10:00 u can use a   instead of a

[@basmil3098]

  = its just 1 space that u get by pressing the spacebar = It leaves a line eg: runnard&nsbp;runnard = runnard runnard runnardrunnard = runnard runnard

[@sbraganca]

Recently found your channel and have already subscribed, thank you for your content!

[@rinodeboer]

Awesome, thank you!

[@mumairmughal9865]

This is a fantastic design. I always appreciate your efforts Rino. Keep it up!

[@MrFrobbo]

A month in with Elementor lite, I'm using containers everywhere as pretty sure they're replacement for sections, I note the age of this vid, perhaps I should watch more recent ones. These tips were really useful.

[@miikayak]

Yes, more of this please. I struggle especially with making things look *nice* :)

[@andersa9655]

Good to have you back. Please more of these kind of videos.

[@JahinShahriar]

Hi, it feels great to see you back, one request to you. As i see you teach in BOTH Udemy and Skillshare. Please make a video on comparing two sites and how much you earn from both sites. This will be super fun. Good luck

[@Alejandra-iy1uv]

woww , you do this page in simple pages , thank you , I understood all

[@Marianoneris]

Always amazing tutorials from you. I always learn so much, thank you!

[@Dkny2001]

So valuable and easy to follow. Thanks for sharing!!

[@oliverthiebes8918]

Looks great! Can you do a tutorial how you will make this website ready for mobile use? :-)

[@bySterling]

Indeed, Mobile First design for 5 yrs is how I roll LUV ya LivingwithPixels but come on responsive design is 💯

[@capcui]

Yes... Iam the web designer to. I wish this site can be operation on mobile is well

[@exmrsnowwomanscorned8369]

True! Looks good on desktop .on tablet and mobile it looks horrible.

[@MohammadUmairAnsari]

In the left side panel at the bottom, there is an icon for responsiveness of a web page. This button is on the left side of the "eye" button (which is a preview button). Click on it and you will see how the page appears on desktop, tablet and mobile. You can click on any of those icons to edit the page for that particular device.

[@ewast777]

Thanks for the video, very nice design with the gradient options! Yes, please - more video like this with simple design tricks :) I will be also interested of how do you know how to design a website for the client, what they needs are and how you create your design based on that. The most difficult thing for me :).

[@greatdeal8436]

Thanks Rino for such amazing stuff, I must appreciate your way of explanation and taste of aesthetics.

[@krutikadesai4280]

This design is great! I love following your tutorials. I was just wondering if we can add a list of video links from the media library and display a random video loop in the header instead of one particular video each time?

[@rinodeboer]

Thank you. I don’t think that is possible. So in this case its best to just make a video edit yourself where you mix multiple videos together and then just load that one video. This is also better for pagespeed because its only one file

[@krutikadesai4280]

@@rinodeboer Thanks a lot for answering that!

[@ducvinh3318]

really thanks to Rino for this perfect website tutorial 👍

[@miles6385]

This is the most inspiring video I've ever seen 💛

[@droritay111]

Looks good! I enjoy the videos on your channel. Thank you!

[@klaas-2025]

Goed bezig. Erg happy met je video's. Fijne duidelijke manier van uitleg!

[@ionutsabo]

I was wondering why are you not using the icon box or image box widgets? Instead of 3 separate widgets. It would help you reduce the amount of divs elementor is creating for your layout. Also for the hero section, that second column content could have been replaced by a single widget - the cta. It's all about optimizing the size and structure of your layouts and final code.

[@rinodeboer]

This is a good point. The reason why I do this is because when I'm in the middle of development I use copy and paste a lot of the time. Then it's kind of frustrating if you can't copy and paste styles for individual widgets. But this is a good practice when the project is finished to optimize the speed. Thank you.

[@faisalfahmysulistya7329]

Thank you for sharing an awesome tutorial!

[@asya3473]

Great style and tutorial! Unfortunately the video I’m putting in is not showed in the live view 😢 What can I do?

[@avihay03]

Always amazing tutorials from you! How can i find cool backround vidoes like this one I try look vidoes like this on youtube with models and didnt find any

[@limatek8932]

dude, you've got TASTE. damn.

[@niceguy-pw6uf]

Awesome video. But i really wanted to see you stretching and shrinking the browser window to see how the website behaves.

[@summerlight9243]

hello Reno, can you make a video to show us how to pick the right colors for websites? the colors on my websites just do not look good. any advice?

[@febrisuryantoid]

Looks great, very useful tutorial. Thank you bro 🤩👍🏻

[@hape8447]

Thank you very much for your great tutorials. I am looking for an option to move image content in the frames. When customizing on mobile it is often the case that it would be good to be able to move the image so that, for example, something is not cropped. Is there an option for this?

[@anilpawar2423]

Thank you for such nice and simple video!

[@sohel-arman-dev]

Great tutorial. But as a Web Designer I think custom positioning is not good for responsive. You can just use -margin for the image to move it.

[@amindris3957]

If I do it the container expands instead of overlapping

[@KingTamzid123]

Your web design ideas so cool

[@noahbosman6227]

where do you get transparent images like the music box?

[@hexaux964]

Great tutorial as always. Love your work ❤️❤️❤️.

[@druizduque]

Hello!! First of all sorry for my bad English. And secondly, congratulate you on your work, which is very helpful. But I have a question. At minute 11:00 where you show the mouse scroll rotation effect... in my case it does not rotate around the central axis of the image, it rotates around another axis and the piece instead of rotating on itself moves in a circle moving from its place or position. You can help? What happen? Thank you!!

[@motobandit5345]

Wow. Thank you so much for the Video. Helps a lot

[@PicSta]

Great video as always. Thanks for sharing this. Btw why you don't say "sections and inner-sections" when u explain the column's thing.

[@ryan007elahi]

Great Tutorial 🔥 worth to watch✌🏻✨

[@lroberts2478]

Great tutorial! We have sites with videos in the background loading after the overlay and the page opens a little a little wonky at first. Any suggestions how to get this video to load simultaneously with the overlay? Thanks!!

[@רוניבורלא]

Thank you Rino, great tutorial, i would like to see it on mobile.

[@shahulHameed-ek3bh]

Hey rino bring more tutorials like this!!!

[@DustinS95]

This was great. Thank you very much!!

[@mahmoudzahran5072]

It's real great explanation but can i get the pictures and video used for practical application with you.. that will be much better

[@sonareclipse9810]

Looks amazing. Is it mobile responsive?

[@Pascalleke_]

Ik open deze video en zie opeens een bekend gezicht ‘HoeGaatDat’ was dat toch? Wat een goede oude tijd

[@CrackerJayherber]

Great work, looks awesome!

[@danpaolohernani1689]

Really great tutorial! However, I can see the video from Elementor editor but it's not showing on the live page. Any idea how to fix this?

[@saleemdigital]

well I 'm watching your voids >>in fact they are very interesting with good ideas

[@elnini415]

currently watching, and scrubbing up my website (: So thank you so much , you are straight forward, no bs, and make this shit look easy! Cheers and much love

[@tariqbhanji1634]

Beautiful design. Thank you for sharing the tutorial. We all know you are expert in Elementor. I would like to see you trying new school page builders specially Zion builder and Live Canvas. Thank you once again

[@therankingworld7627]

Good day pls How did you make the speaker image transparent it blends in sooo well with the video

[@muhammadassad3593]

Thanks for this Amazing Videos...i love it. Continue creating these videos 🥰

[@CrazyFuzz8]

Nice, where to get the photos png and video's to builds this all up?

[@namanjha727]

Thanks for your guidance sir. I am trying to get Clients, but I am hardly getting any. Please suggest us how can we get Clients to work with.

[@vibhutiarya2501]

Hi, very helpful video. I create my websites on a subdomain and migrate to the domain. So my question is if I activate Elementor pro for a website on a subdomain and move it to the domain, will it be counted as one Elementor pro license used or 2. I have the one for 25 Pro websites.

[@pds4927]

You're AWESOME! Big fan here

[@Kabbbbba]

Hey Rino, can you please make a video about the topic : how to get clients ? That would be very helpful 🙏🏻

[@MaayanBar_]

YOu ARE AMAZING thank you so much ! you made it so easyy to me :**

[@rinodeboer]

Glad it helped!

[@jwalbanker]

Hey! Love your tutorials! Is there a way to add google ratings to an elementor site for free? UEA doesn't work. Thanks in advance!

[@goldencrestretrieversndoodles]

Very clear tutorial thank you

[@ammadjaved6156]

Please make another video explaining the mobile version. Looking forward

[@sucd218]

so cool, can we try how to make the woocommence?

[@triplevee808]

Hi there. Would you be able to remake this tutorial based on Elementor's flexbox? I'm still having a bit of a struggle migrating to flexbox.

[@manankanani5]

I Loved the design but the problem with this like video = 16 MB Images = Large size like 700kb So it affects alot on site speed how to optimize this design for good speed

[@rinodeboer]

That's true, if you decide to use video on a page then the website doesn't become very fast. But for some websites where the user doesn't have to click a lot and it's more like an experience I think it's oke sometimes.

[@renehinojosa1962]

One can reduce the video quality to lessen the size without affecting the quality too much. In this instance, the number of colors used actually reduces the size of the video file.

[@rinodeboer]

That's true. But 16mb for a video is already super small. Video is just a pain in the *ss to make small. But you are right, it could be even better.

[@PicSta]

@@rinodeboer correct and find a compression (codec) that works also is tough. Sure format is mp4 but need to have the right codec as well.

[@ticktackmobilestage]

thanks for the great turotial Rino. i have a question, when you upload the video on wordpress media liabary , the video link will be http by default, which casue my page not secure. do you know how to get a https link for a video that you want to upload on wordpress ?

[@chriswilcox8977]

Does a self-hosted video not need to download in full to the visitor before it plays? It’s instant for you because it’s already on your device or browser cache? I’ve found self-hosted is way slower than KZbin as self-hosted doesn’t stream, it has to download and play.

[@saadshahid2275]

Can you please elaborate how we can use this design in our ecommerce multi products site because there gonna be a template and we cannot design for a specific image?

[@amaanmulla1370]

Beautiful Design Rino🔥 You're content has helped me a lot to learn about web design🙌 The only question I have is where do i find these images and videos ?

[@Brulie]

Pexels

[@fredwyatt3616]

Please make an in depth tutorial on buttons :)

[@alimasargul1716]

Hello! Thank you for amazing videos. Pls make video about how to create ecommerce website.

[@anirbanmondal8678]

It helps me a lot..... Thank you

[@zhincic]

What's the size difference for the web load speed when using the video from file library and KZbin? Since, I know KZbin does some compressions and thought it might be better to use YT videos

[@rinodeboer]

Really depends on the video you upload. For most big videos KZbin is better.

[@zhincic]

@@rinodeboer Noted! - Thank you, buddy! What I've also found so useful is doing a conversions into .webm + a compression to help it fit the fast loading speed

[@rinodeboer]

No problem! You mean webp?

[@zhincic]

@@rinodeboer No, no, sir. It's the .webm - it's a web video format. I've also just found out about it and it works like charm!

[@rinodeboer]

Oh amazing. Didn't know this. Thank you.

[@vinodh9492]

Hey Rino amazing content. Can you explain on how to build both desktop and mobile responsive websites in elementor. Cause the design changes when we view on mobile, and how to correct it, So we get the same design experience on both platforms

[@MohammadAbuMeheraz]

you need to responsive it clicking responsive bar from the editing panel

[@danielrindraniaivo1553]

heyy it's amazing how you go trought this, you've got a amazing idea !! it would be intersting if you could do some tutorial about landing page for woocommerce with 3D effect with the product for example! If You know what I mean !!

[@mappyeverafter]

Thank you for another great tutorial. You used a Heading, Text and Button widgets on top of the video background. I was wondering, is there a drawback to creating these 3 elements with 1 Call to Action widget? The button has less styling options but if I don't mind that, would having 1 call to action widget load faster than the 3 widgets you used? I have many such elements (headings, subheadings and buttons) on my website so I'm wondering if changing them all to Cal lto Action would make the site faster and simpler. What are your thoughts? Everyone else is more than welcome to chime in too, of course.

[@zubairahmed6908]

I'm also a web developer and designer but currently working on Upwork. Can you tell us how you get your clients?

[@TNcFlipbook]

Gaining Insight Into Organization and Creativity Through Webdesign.

[@CliffTam]

Hi Rino, thanks for making this video. I am relearning web design with Elementor Pro and this video is very useful. Got a quick question. How do you make semi-transparent PNG? I assume you use PS to do so. Do you know how to do it using GIMP?

[@marcinr649]

Hi Rino, I like your lates email, you are 100 % right , don't try to be perfect, find time for relax and friends, that's what's important, stay safe brother !

[@creepycaphindi]

HI Rinno, Which wordpress theme do you use most of the time?

[@sh.rahman]

Hey, what's thename of the tool used for screen annotation in your video? TiA

[@mahmoudismael7380]

Great design 👍👌

[@santiagocheker5153]

Hello ! I have a question... How do you do to make the web responsive? When I design the website is different than when I watch the preview. I mean, the picture or text some times move a little, do you understand me?

[@HumanFactsUnveiled]

may I know how does this design work apply to table or mobile version?

[@masonwang2475]

What is with the size of the video (16MB)? I mean because SEO and the website load time.

[@ИгорьВкусныйфитнес]

Awesome! Great work 👍

[@richiemawunyo5493]

Where are the images you've used?? any link to download them??

[@israisland]

Please share the font sizes 🙏 I’m currently building a website with sora

[@chadvise3308]

this is amazing thank you so much for content bro

[@artistworld9632]

Bro do you share some sample website link that contains this type of videos inserted?

[@hexaux964]

Just one question, how to use svg logo on the website, because I guess Wordpress doesn’t support svg logos.

[@DeveloperRifat]

Very Helpful Sir !

[@robertgryska3954]

Hi great video. Do you have a course how to became professional webdesigner? I would like to learn your way of negotiating with clients and other all steps.thx

[@schwi3410]

How about the header ? Did you make a tutorial of it ?