Create a Homepage For Your Business With Elementor

[@tuffatank3004]

Beautiful. I would like to also see how you will make modifications to account for both the tablet and mobile versions.

[@nirakhsk]

Like lthis lastllollollllolllollllollllolo

[@AniketNBorhade]

Me too

[@bkwine]

A suggestion for future videos: explain *why* you do certain things instead of just saying what you do. E.g. why you chose canvas (what's the difference), or why you chose 140 VH (and what VH is), etc.

[@loiceokaday656]

Canva is a plain template. No menu, no footer, no nothing. As for VH, that means viewport height. I think that it's use at 140 here to have a fluid design from section to section ;)

[@bkwine]

@@loiceokaday656 Thanks Louis-Philippe. But yes, I'm aware of that. It was just examples. The general idea of my comment is that it is better to explain why you do things rather than just repeating with the voice-over what we can already see on the video.

[@loiceokaday656]

@@bkwine You are right! ;)

[@abdullahabdulaziz]

Yeah exactly

[@Uzodesign]

Wow, come to find out Louis is actually a dude and not a female.

[@richesonaji]

Awesome tutorial. I will like to know if the motion effect is only available for Elementor Pro. I can't find it on my installation

[@eugenecudjoe]

I think so

[@ultracobrax]

Amazing tutorial with the lovely voice of Casey. Please more videos with you.

[@nikaoweb7786]

Awesome Tutorial. Thanks. But I request that you share the images and if unshakeable, just create some dummy images with the dimensions to help us create a near perfect design like yours. Thanks.

[@Frisbeeatemydog]

Hey Nikao, one thing you can do is screenshot the images from the video and use google reverse image search to find the same image with a better quality or images that are visually similar. Just make sure you pause and note the image dimensions ie 1024 x 720 pixels when he uploads a new image to use so you can get a website as close to the original here

[@antoniobaret7928]

This is great ..... question how to connection the t-shirt section to shopping cart, would that be with woocommerce ?

[@tee-h]

Yes, just create a shop page, download the woocommerce plugin and set shop. Then you can link the "see all" button under the t-shirt section to be redirected to shop page.

[@antoniobaret7928]

@@tee-h ok thanks a lot

[@tee-h]

@@antoniobaret7928 anytime!

[@Breeakthesilence]

A photo of a skater doing a wheelie could be really good at the half pipe. With the appropriate scroll effect, it could look as if it was driving over the halfpipe

[@KingDaddyOG]

Is this with the free version or the pro?

[@Moonlitwriter]

Nice designs and all... But how do you set this specific page to be the landing page for your website?

[@DickieLim]

This is cool, it's good to have the images so we can do our practice

[@saddaafafridi]

Nice work ! but i guess the scrolling effect is only availbale in Elementor Pro version as i dont see any in my free version of it. Kindly instruct how to get it without using money .

[@sriramsammy8787]

Cool!! but how to create a nav menu in this theme?

[@barulaq]

These functions are in Elementor Pro only?

[@lisaredlinger8744]

Does we need elementor pro for that things?

[@webfairytaledesign]

Are the scrolling effects and mouse effect free or do I have to have Elementor Pro to use them?

[@gisele-grenier]

I love the page you designed, especially the animation. Curious though, is this WCAG compliant?

[@iDATUS]

This was very well done, and I love the presenters style and voice. Going to play with the flip, looks cool.

[@krishnamaalevlogs]

It's a wonder you create Magic like this page...Awesome. And how to edit an element in a blog page. Plz explain

[@lucianosazo2646]

that is just for the pro version?

[@sandesh3379]

Do we need transparent image to add second one?

[@aliplaysgtr]

I was looking for that kind of tutorial for a long time! Thanks a lot

[@paulmetcalfe6855]

Very impressive but any chance of getting the image files you used so I can follow along?

[@androidfarmer8863]

Please consider making assets available for these tutorials, or make them based on assets that are already available.

[@Jim.Hummel]

Outstanding! Give me plenty of ideas and inspiration! but it would be wonderful if you could either add this as a template or at least make the images available. Love your stuff! Keep up the good work!

[@growthhackwp151]

can you create a directory or listing websites using Elementor?

[@righttime6171]

just watched the whole video 😍feeling great!

[@websparktechnology]

This was most helpfull to create a creative design. So thanks you.

[@haseebahmed3474]

They used Free Elementor or Elementor Pro??

[@SpiritTracker7]

great looking homepage... but it looks heavy and would load slowly for some. The downside and trade-off for aesthetics versus speed!

[@Elementor]

Hey Vim, you should check out this playlist for some great tips on speeding things up kzbin.info/aero/PLZyp9H25CboFg7tA0J3ksRf7gjOsrW1Ot

[@leopoldomedina411]

Excellent tutorial, could you share the images to practice?

[@leopensaa]

I was doing something similar but I realized that my dashboard is quite different in some options. Is that a PRO version of Elementor? I can't see some the Scrolling effects, Mouse effects, 3D Tilt options, etc. on Motion Effects. Could you help me with this please? Nice tutorial though. Good job!

[@MarioBarretta]

it is obviously teh PRO version of elementor. With Free you can not do this

[@creativemarketing5582]

Great tutorial. Found some cool techniques I didn't know about. Would like to know what it looks like on mobile. Post link of website if you can

[@pellekarlsson152]

Is there any link for the finished site?

[@prakkashsurya9582]

gives the images what you have used in video. where I can practice

[@THEKINGISHIM]

I don't see scroll effects

[@xanonadovas5141]

One more question what is the theme use in this

[@georgioskesisoglou1055]

I'm wondering if it's responsive on tablets and phones

[@rrveld]

this is awesome!! thank you!

[@martinblacklewis]

Awesome tutorial and great ideas even for experienced web designers!

[@TheMisterlordy]

How do you organise your media library?

[@mari-831]

Great tutorial. Thanks. Please more cool stuff :) I have tip for all who want to create the same effect > print screen with all image need and remove background.

[@productive84]

Ty. Finally found how to edit line-height.

[@productive84]

and to drag the flip box widget to upload images :)

[@productive84]

That's right. Super duper :)

[@MrPipasgomes]

Is the "Scrolling Effects" (Motion Effects) only available on Elementor Pro?? Thank you!

[@lisam.bender5515]

What plugins are you using? And yes, I would like to see the responsive addition to this, thanks! Great tutorial!

[@chengshan4239]

cool~ where to download these images ?

[@almichfranco4832]

i have a problem my scrolling effect setting is not showing up

[@chandanchakma2875]

awesome. plz can you share the images

[@yasminahmed1505]

would you please provide me with the materials that you use in this tutorial ? i mean the images that you use

[@Chasecka]

Is this only on Elementor pro? When I go to motion effects it doesn't give me the same options. I just have one drop down box with different options like "fade in" and "Fade out" Ect....

[@kishan6984]

exactly

[@sfmikica]

Amazing tutorial!!

[@Clarity-808]

4:11 Using pixels on the left and right margins.. wouldn't that break responsiveness? Are you supposed to use % for left/right and pixels for top/bottom?

[@Xanthi_S]

Clarity that’s a good point and I also try to use % as much as possible, however I don’t think it will be a problem because you can also fix the responsiveness for tablets and mobile phones through elementor. So what I’m trying to say is, what you do on the desktop version won’t necessarily destroy things on mobile devices. But it could mean you need to make a couple of more adjustments. At least that’s how it works for me. I hope it makes sense.

[@clementyo4526]

Cool Cassie... Please, tutorial how to build the new agency website template 😁😁😁 i love it ♥️

[@smarterdigitalonlinesoluti678]

Hi where are the pictures you used for the demo?

[@christiaantjahhh]

I would love more awesome tutorials like this!

[@500dollarswebsite6]

Love it thank you, nice fast pace too ✌️

[@iinvent1702]

please someone answer my question. I followed everything however, I can't get the motion effect to work. Neither the scrolling effect nor the mouse effects are available. I have tried everything !!!!!!

[@العمالقة-ك7ب]

Amazing simple cool tutorial !!! Wohooo yes

[@Fiveth0us]

I could use some resource images with this tutorials

[@paulmetcalfe6855]

you mean 'could I' not 'I could' and I agree it would definitely help.

[@Chasecka]

Paul Metcalfe he is saying he could not asking if he could.

[@andrewslabbert4316]

What do you call the effect where the images are cut off in almost a paint stroke kind of way?

[@ryansymons8915]

I call it ugly

[@5hamms510]

Awesome Presentation

[@henrynguyen7417]

What a great instruction. Love it!

[@GraceAddict]

I wish you share this template for us

[@ShahiedJohaadien]

I'm guessing this was built with Elementor Pro?

[@NICKOSEO]

Is motion effect is only available to pro account?

[@ShubhamRajdhar]

Yes

[@EllieUltra]

Love this! Taught me some things I didn’t know. Your “learn more” link shows page not found.

[@Elementor]

Thanks Ellie H! Link is fixed :)

[@EllieUltra]

@@Elementor awesome, thanks! :)

[@henningokholm7912]

Is there a 2023 version of this, or is it the same?

[@xanonadovas4403]

what is the them e use in this tuts

[@RafaelGarcia-uz1we]

What an amazing and powerful web building tool. I'm in love :)

[@patrickmugenyu7727]

wow thanks for the tips

[@AtomicCitizen]

Slick. A followup for the mobile would be good. There was a lot here that will need attention.

[@coldbreak509]

Why do you keep using pixels?

[@micromedia33]

great big big thanks for all your stufffffff :) from a french guy

[@xanonadovas5141]

What about the nav i didnt cover

[@cyrusgitau5586]

Lovely tutorial to point...

[@balusrikrishna]

Perfect, My question is how can i activate this design as my WordPress website!

[@enricomingiacchi202]

Useful tutorial! Thanks!

[@mariyanyordanov5174]

Great job! Thanks a lot !

[@onemanoutfit]

Very cool

[@tuffatank3004]

I'm a newbie to using Wordpress and also Elementor looks way cool to me. I would like to use this as my tutorial. Can you also put up the images you used to make this landing page so I can use? Thanks.

[@MarioBarretta]

i' fairly sure that are copyrighted images so they can not share with us :(

[@ijoker4860]

can somebody provide the images used in the video ? please

[@klaus.schwarzkopf]

Amazing, Thank you!

[@shreenshreenomar3032]

i made homepage but i can t find it in ( pages ) i just see it in saved templates i want use it as homepage ? how

[@iqbalahmedsharif9688]

Great tutorials... thanks

[@umashankarv3958]

Beautiful

[@gianicolobenedicto5498]

I don't understand why it seems that her menu is different from mine. I'm using iMac

[@gastonmauricios58]

responsive?

[@davidrobertson1980]

Fantastic design, looks easy :O but with very little flair for these things it would likely take me hours instead of 18 minutes LOL

[@anuoluwatobionemola249]

Also would love to see how this looks on mobile

[@samratk.pervez6072]

I need all pictures

[@taraliamber]

there is no menu on this page!

[@AllesPat]

Great Video! Can you please do a site with mobile first in mind?

[@unknownman1]

just change to mobile view and apply same settings. SIMPLE

[@OmarWaleed]

Great tutorial ;) thanks

[@dogoma6304]

It looks easy in the video, but we all are struggling to implement the same perfectly

[@DanZL1]

Completed what I could with the free version but the visibility on the mobile device is terrible. In fact, I can't even see the full headings. How do we fix that?

[@em-arko]

But where is the nav section? And is it responsive??

[@Elementor]

Websites built with Elementor are automatically responsive. This tutorial explains how you can control and adjust the responsive settings to your preference: kzbin.info/www/bejne/e6KpqZiiqtBni5Y

[@YyaBA]

I"m impress ! Really usefull Tutorial

[@nekmuhammad5484]

Genius ❤️

[@irvinparcon]

Wish I could build an awesome web design this fast!

[@daedaluxe]

Well it obviously isn't made this fast, probably weeks of prototyping, creating the images, finding all the correct padding & margins and styles went into creating this, and then they just rehearse breaking down what's already been made. It's still really nice but it's not like you're going to smash out a site like this in an hour without any preperation, lol.

[@irvinparcon]

@@daedaluxe that makes sense.

[@ultracobrax]

Awesome video Cassie, love your voice.

[@pedrojimenez3912]

Where can I find someone that teaches and guides me to create a homepage like this for a project, or someone who would help me develop it and make it with me?