Create a Homepage For Your Business With Elementor

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

ความคิดเห็น • 190

  • @tuffatank3004
    @tuffatank3004 5 ปีที่แล้ว +67

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

    • @nirakhsk
      @nirakhsk 4 ปีที่แล้ว +1

      Like lthis lastllollollllolllollllollllolo

    • @AniketNBorhade
      @AniketNBorhade 4 ปีที่แล้ว

      Me too

  • @bkwine
    @bkwine 5 ปีที่แล้ว +54

    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
      @loiceokaday656 5 ปีที่แล้ว +7

      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
      @bkwine 5 ปีที่แล้ว +9

      @@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
      @loiceokaday656 5 ปีที่แล้ว +2

      @@bkwine You are right! ;)

    • @abdullahabdulaziz
      @abdullahabdulaziz 5 ปีที่แล้ว +2

      Yeah exactly

    • @Uzodesign
      @Uzodesign 4 ปีที่แล้ว +2

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

  • @nikaoweb7786
    @nikaoweb7786 5 ปีที่แล้ว +48

    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
      @Frisbeeatemydog 3 ปีที่แล้ว +1

      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

  • @ultracobrax
    @ultracobrax 4 ปีที่แล้ว +3

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

  • @bryanmull1033
    @bryanmull1033 ปีที่แล้ว

    This was amazing to watch. I wish I could learn how to flow through the program like she does in the video.

  • @DickieLim
    @DickieLim 5 ปีที่แล้ว +11

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

  • @androidfarmer8863
    @androidfarmer8863 5 ปีที่แล้ว +4

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

  • @richesonaji
    @richesonaji 5 ปีที่แล้ว +10

    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

  • @iDATUS
    @iDATUS 5 ปีที่แล้ว +1

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

  • @Breeakthesilence
    @Breeakthesilence 4 ปีที่แล้ว

    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

  • @aliplaysgtr
    @aliplaysgtr 4 ปีที่แล้ว

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

  • @righttime6171
    @righttime6171 5 ปีที่แล้ว +2

    just watched the whole video 😍feeling great!

  • @Jim.Hummel
    @Jim.Hummel 5 ปีที่แล้ว +3

    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!

  • @websparktechnology
    @websparktechnology 3 ปีที่แล้ว

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

  • @creativemarketing5582
    @creativemarketing5582 5 ปีที่แล้ว +3

    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

  • @saddaafafridi
    @saddaafafridi 5 ปีที่แล้ว +1

    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 .

  • @rrveld
    @rrveld 4 ปีที่แล้ว +2

    this is awesome!! thank you!

  • @clementyo4526
    @clementyo4526 5 ปีที่แล้ว +3

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

  • @mari-831
    @mari-831 5 ปีที่แล้ว +1

    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.

  • @martinblacklewis
    @martinblacklewis 5 ปีที่แล้ว +1

    Awesome tutorial and great ideas even for experienced web designers!

  • @sfmikica
    @sfmikica 5 ปีที่แล้ว +2

    Amazing tutorial!!

  • @Chasecka
    @Chasecka 4 ปีที่แล้ว +2

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

  • @antoniobaret7928
    @antoniobaret7928 5 ปีที่แล้ว +7

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

    • @tee-h
      @tee-h 5 ปีที่แล้ว

      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
      @antoniobaret7928 5 ปีที่แล้ว

      @@tee-h ok thanks a lot

    • @tee-h
      @tee-h 5 ปีที่แล้ว +1

      @@antoniobaret7928 anytime!

  • @christiaantjahhh
    @christiaantjahhh 5 ปีที่แล้ว +1

    I would love more awesome tutorials like this!

  • @productive84
    @productive84 4 ปีที่แล้ว

    Ty. Finally found how to edit line-height.

    • @productive84
      @productive84 4 ปีที่แล้ว

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

    • @productive84
      @productive84 4 ปีที่แล้ว

      That's right. Super duper :)

  • @Moonlitwriter
    @Moonlitwriter 3 ปีที่แล้ว

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

  • @leopoldomedina411
    @leopoldomedina411 5 ปีที่แล้ว +2

    Excellent tutorial, could you share the images to practice?

  • @RafaelGarcia-uz1we
    @RafaelGarcia-uz1we 5 ปีที่แล้ว +1

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

  • @webfairytaledesign
    @webfairytaledesign 4 ปีที่แล้ว

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

  • @henrynguyen7417
    @henrynguyen7417 5 ปีที่แล้ว +2

    What a great instruction. Love it!

  • @paulmetcalfe6855
    @paulmetcalfe6855 4 ปีที่แล้ว +1

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

  • @العمالقة-ك7ب
    @العمالقة-ك7ب 4 ปีที่แล้ว

    Amazing simple cool tutorial !!! Wohooo yes

  • @gisele-grenier
    @gisele-grenier 3 ปีที่แล้ว

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

  • @MrPipasgomes
    @MrPipasgomes 3 ปีที่แล้ว

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

  • @500dollarswebsite6
    @500dollarswebsite6 5 ปีที่แล้ว +1

    Love it thank you, nice fast pace too ✌️

  • @sriramsammy8787
    @sriramsammy8787 5 ปีที่แล้ว +1

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

  • @iinvent1702
    @iinvent1702 2 ปีที่แล้ว

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

  • @KingDaddyOG
    @KingDaddyOG 5 ปีที่แล้ว +1

    Is this with the free version or the pro?

  • @SpiritTracker7
    @SpiritTracker7 3 ปีที่แล้ว

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

    • @Elementor
      @Elementor  3 ปีที่แล้ว

      Hey Vim, you should check out this playlist for some great tips on speeding things up th-cam.com/play/PLZyp9H25CboFg7tA0J3ksRf7gjOsrW1Ot.html

  • @5hamms510
    @5hamms510 4 ปีที่แล้ว

    Awesome Presentation

  • @prakkashsurya9582
    @prakkashsurya9582 4 ปีที่แล้ว +1

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

  • @lisaredlinger8744
    @lisaredlinger8744 4 ปีที่แล้ว +1

    Does we need elementor pro for that things?

  • @umashankarv3958
    @umashankarv3958 2 ปีที่แล้ว

    Beautiful

  • @EllieUltra
    @EllieUltra 5 ปีที่แล้ว +1

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

    • @Elementor
      @Elementor  5 ปีที่แล้ว +1

      Thanks Ellie H! Link is fixed :)

    • @EllieUltra
      @EllieUltra 5 ปีที่แล้ว

      @@Elementor awesome, thanks! :)

  • @krishnamaalevlogs
    @krishnamaalevlogs 3 ปีที่แล้ว

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

  • @dogoma6304
    @dogoma6304 3 ปีที่แล้ว

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

  • @barulaq
    @barulaq 3 ปีที่แล้ว

    These functions are in Elementor Pro only?

  • @AtomicCitizen
    @AtomicCitizen 5 ปีที่แล้ว

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

  • @leopensaa
    @leopensaa 5 ปีที่แล้ว +1

    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
      @MarioBarretta 5 ปีที่แล้ว +1

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

  • @sandesh3379
    @sandesh3379 4 ปีที่แล้ว

    Do we need transparent image to add second one?

  • @patrickmugenyu7727
    @patrickmugenyu7727 3 ปีที่แล้ว

    wow thanks for the tips

  • @cyrusgitau5586
    @cyrusgitau5586 4 ปีที่แล้ว

    Lovely tutorial to point...

  • @mariyanyordanov5174
    @mariyanyordanov5174 3 ปีที่แล้ว

    Great job! Thanks a lot !

  • @onemanoutfit
    @onemanoutfit 2 ปีที่แล้ว

    Very cool

  • @yasminahmed1505
    @yasminahmed1505 4 ปีที่แล้ว

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

  • @growthhackwp151
    @growthhackwp151 3 ปีที่แล้ว

    can you create a directory or listing websites using Elementor?

  • @micromedia33
    @micromedia33 5 ปีที่แล้ว

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

  • @klaus.schwarzkopf
    @klaus.schwarzkopf 3 ปีที่แล้ว

    Amazing, Thank you!

  • @almichfranco4832
    @almichfranco4832 4 ปีที่แล้ว

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

  • @andrewslabbert4316
    @andrewslabbert4316 5 ปีที่แล้ว +1

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

  • @lucianosazo2646
    @lucianosazo2646 3 ปีที่แล้ว

    that is just for the pro version?

  • @georgioskesisoglou1055
    @georgioskesisoglou1055 4 ปีที่แล้ว

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

  • @shreenshreenomar3032
    @shreenshreenomar3032 4 ปีที่แล้ว

    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

  • @Fiveth0us
    @Fiveth0us 5 ปีที่แล้ว +6

    I could use some resource images with this tutorials

    • @paulmetcalfe6855
      @paulmetcalfe6855 4 ปีที่แล้ว +1

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

    • @Chasecka
      @Chasecka 4 ปีที่แล้ว +1

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

  • @smarterdigitalonlinesoluti678
    @smarterdigitalonlinesoluti678 4 ปีที่แล้ว

    Hi where are the pictures you used for the demo?

  • @haseebahmed3474
    @haseebahmed3474 4 ปีที่แล้ว

    They used Free Elementor or Elementor Pro??

  • @enricomingiacchi202
    @enricomingiacchi202 5 ปีที่แล้ว

    Useful tutorial! Thanks!

  • @xanonadovas5141
    @xanonadovas5141 4 ปีที่แล้ว

    One more question what is the theme use in this

  • @DanZL1
    @DanZL1 5 ปีที่แล้ว

    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?

  • @joshuasousa
    @joshuasousa 5 ปีที่แล้ว +1

    I am having a hard time with the subscribe email form. How do I get this to send emails to my service. Can anyone help with this? I am looking for a guide on how to set up subscription form and how to automate emails out to a subscriber

  • @pellekarlsson152
    @pellekarlsson152 5 ปีที่แล้ว

    Is there any link for the finished site?

  • @SharifulIslamofficial.
    @SharifulIslamofficial. 4 ปีที่แล้ว

    wow awesome..

  • @ShahiedJohaadien
    @ShahiedJohaadien 4 ปีที่แล้ว

    I'm guessing this was built with Elementor Pro?

  • @Clarity-808
    @Clarity-808 5 ปีที่แล้ว +1

    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
      @Xanthi_S 5 ปีที่แล้ว +2

      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.

  • @anuoluwatobionemola249
    @anuoluwatobionemola249 3 ปีที่แล้ว

    Also would love to see how this looks on mobile

  • @iqbalahmedsharif9688
    @iqbalahmedsharif9688 5 ปีที่แล้ว

    Great tutorials... thanks

  • @ventoroverso
    @ventoroverso 5 ปีที่แล้ว

    Thanks Cassie!

  • @irvinparcon
    @irvinparcon 5 ปีที่แล้ว +3

    Wish I could build an awesome web design this fast!

    • @daedaluxe
      @daedaluxe 4 ปีที่แล้ว +2

      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
      @irvinparcon 4 ปีที่แล้ว

      @@daedaluxe that makes sense.

  • @davidrobertson1980
    @davidrobertson1980 4 ปีที่แล้ว +3

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

  • @balusrikrishna
    @balusrikrishna 4 ปีที่แล้ว

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

  • @chandanchakma2875
    @chandanchakma2875 3 ปีที่แล้ว

    awesome. plz can you share the images

  • @BangNoerTrainer
    @BangNoerTrainer 4 ปีที่แล้ว

    Super duper!... Wohooo!

  • @pedrojimenez3912
    @pedrojimenez3912 3 ปีที่แล้ว

    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?

  • @PlantiDi
    @PlantiDi 2 ปีที่แล้ว

    Great!!!

  • @TheMisterlordy
    @TheMisterlordy 5 ปีที่แล้ว

    How do you organise your media library?

  • @LosersClub7903
    @LosersClub7903 5 ปีที่แล้ว

    awesome... good tips

  • @nekmuhammad5484
    @nekmuhammad5484 3 ปีที่แล้ว

    Genius ❤️

  • @lisam.bender5515
    @lisam.bender5515 4 ปีที่แล้ว

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

  • @YyaBA
    @YyaBA 5 ปีที่แล้ว +1

    I"m impress ! Really usefull Tutorial

  • @abdullahahmed00
    @abdullahahmed00 4 ปีที่แล้ว

    Nice Video

  • @Ali68g
    @Ali68g 5 ปีที่แล้ว

    Loved it!

  • @THEKINGISHIM
    @THEKINGISHIM 4 ปีที่แล้ว

    I don't see scroll effects

  • @GraceAddict
    @GraceAddict 4 ปีที่แล้ว

    I wish you share this template for us

  • @henningokholm7912
    @henningokholm7912 ปีที่แล้ว

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

  • @leoncreativo
    @leoncreativo 5 ปีที่แล้ว

    amazing

  • @mattsmith429
    @mattsmith429 4 ปีที่แล้ว

    some insane content in here but way too advanced for myself at the moment...

  • @OmarWaleed
    @OmarWaleed 5 ปีที่แล้ว

    Great tutorial ;) thanks

  • @chengshan4239
    @chengshan4239 5 ปีที่แล้ว

    cool~ where to download these images ?

  • @DanZL1
    @DanZL1 5 ปีที่แล้ว

    I am using the FREE Elementor version and don't see the Motion Settings? Is that only available on the paid version?

    • @rezasabourinejad9365
      @rezasabourinejad9365 5 ปีที่แล้ว

      Yes Dan extra options are available in Elementor Pro.

  • @wendelllopez7179
    @wendelllopez7179 5 ปีที่แล้ว

    wow please do more :O