How to Create a Scrolling Website Mockup Using Canva | Make a Video Website Mockup for Any Device!

Поделиться
HTML-код
  • Опубликовано: 26 окт 2024

Комментарии • 74

  • @MariahMagazine
    @MariahMagazine  2 года назад +5

    Are you loving these Canva tutorials? Let me know below so I can create more for you!

  • @dianem.1310
    @dianem.1310 10 месяцев назад +12

    Thank you so much for this! I found a Chrome extension called Scroll Capture that you can set up to record an auto scroll of any site. It's super smooth and you can adjust the speed of the scroll.

    • @MariahMagazine
      @MariahMagazine  10 месяцев назад

      Ooooh I haven’t heard of that. I’m gonna have to check it out. Thanks for the recommendation 💖

    • @SandraRees
      @SandraRees 6 месяцев назад

      Cool, thanks for the tip, going to check it out now🙂

    • @Skywhitemarketingagency
      @Skywhitemarketingagency Месяц назад

      nice one
      Will check it out

  • @charstrickland
    @charstrickland Год назад +2

    Mariah...This tutorial was excellent! Was struggling to decide the best way to show a before and after on a site redesign and the old homepage was LONG...creating a video to place inside a mockup and allowing it to scroll through was the perfect way to get the gist of the old site in a compact space. Thank you!

  • @thepiercollective
    @thepiercollective 9 месяцев назад +2

    This was a very helpful video! I appreciate you taking the time to explain the small nuances that are normally shared in tutorials. Just subscribed!

    • @MariahMagazine
      @MariahMagazine  9 месяцев назад

      Aw yay, thank you so much for that feedback. I appreciate it! Thanks for subscribing ✨🥰

  • @phyllisflynn2925
    @phyllisflynn2925 10 месяцев назад +2

    This was excellent for my current project and for a future design mockup. Thorough and easy to follow.

    • @MariahMagazine
      @MariahMagazine  10 месяцев назад

      Awesome, I love to hear it! Glad it was helpful ✨

  • @LupieSal
    @LupieSal 17 дней назад +1

    Thank you!! I was looking for this ❤️

    • @MariahMagazine
      @MariahMagazine  12 дней назад

      You’re welcome ☺️✨ Glad it helped!

  • @kalebwelch5799
    @kalebwelch5799 9 месяцев назад +1

    This is great, I needed to learn this! Also gave me a great idea to show ase other features on my platform

  • @derrylsoyyy
    @derrylsoyyy Год назад +1

    This is so perfect, I wanted to figure out how to promote my website in the middle of my RUclips videos.
    With this video, I can make a couple of small 30 second clips to add to my videos promoting my website.
    I’m going to check out the rest of your RUclips channel to see if there are more examples!
    Thank you so much for putting out this amazing video

    • @MariahMagazine
      @MariahMagazine  Год назад

      Aw thank you, I’m so glad it was helpful. And yes using for that is a GREAT idea!

  • @farzana_uiux
    @farzana_uiux 4 месяца назад +1

    I was searching for something like this. Thank you so much for your video. Really appreciate it.

    • @MariahMagazine
      @MariahMagazine  4 месяца назад

      Yay! So glad it was helpful 🙌💃

  • @lizbethgallardo872
    @lizbethgallardo872 Год назад +1

    Thank you, so much!!
    Please keep adding more videos, your video was very helpful!

    • @MariahMagazine
      @MariahMagazine  Год назад

      Aw thank you so much Lizabeth! That feedback just made my night 🥰

  • @YenNguyen-l4z3w
    @YenNguyen-l4z3w Год назад +1

    This is so helpful and easy to follow! Thank you

    • @MariahMagazine
      @MariahMagazine  Год назад

      Yay, I’m so glad. Thank you for your kind comment!

  • @adventureinourjourney2360
    @adventureinourjourney2360 Год назад +1

    Mariah, love the video, and very helpful. Even so, I have Canva Pro, but your video looks like the old version of the software. At the same time, I did use the loom with a minor issue finding the controls for a few things. Thank you, Shane, of Simplified Web Designs.

    • @MariahMagazine
      @MariahMagazine  Год назад

      Awesome, so glad it was helpful & you got it figured out! And yeah I’m not surprised that things may have changed since I recorded & posted this. Technology and software changes so often, which is cool, and always annoying for tutorial creation on my end lol

  • @longshoteventsinc2435
    @longshoteventsinc2435 11 месяцев назад +1

    thanks that was a great tutorial!

  • @raheelqureshi6611
    @raheelqureshi6611 4 месяца назад +1

    Very Good , Very useful for me. Thank You

  • @asewinglife
    @asewinglife Год назад +1

    This was really great thank you

  • @elizabethm5794
    @elizabethm5794 8 месяцев назад +1

    Excellent. Thank you!

  • @SharonMarie.HeartandSoul
    @SharonMarie.HeartandSoul 11 месяцев назад +1

    I have watched two hours' worth of content on RUclips and your video is great, you answered my question plus added more bonus material. Thank you so much. gave you a subscribe and like. In canva there are video's templates with a green screen as the screen in the lab top. Is the green screen and added feature or just to let us know to replace the screen? I could not find anything online about this. Thanks

    • @MariahMagazine
      @MariahMagazine  11 месяцев назад

      Aw yay, I’m so glad the video was helpful 🥰 from what I’m understanding of your question, I’m pretty sure the “green screen” type thing is just to show you to put an image or video in there. Off the top of my head, I think they’re referred to as frames, in which you can swap out whatever is IN the frame. Hopefully that helps!

  • @Asidiqtech
    @Asidiqtech 3 месяца назад +1

    Thanks very much Mrs ❤❤❤

  • @PedroHenrique-jt9gm
    @PedroHenrique-jt9gm 11 месяцев назад +1

    Thanks a lot!

  • @NatureAdventureRelax
    @NatureAdventureRelax 2 месяца назад +1

    Helpful

  • @mojoadv
    @mojoadv Год назад +1

    EXCELLENT,,, THANK YOU! 🌹🌹🌹

  • @adventureinourjourney2360
    @adventureinourjourney2360 Год назад +1

    Mariah... do you have a better way to change the size of the video to fit a mobile image to load video on it?

    • @MariahMagazine
      @MariahMagazine  Год назад +1

      The only thing that comes to mind is recording the mobile device scrolling video on an actual phone. I know iPhone can easily screen record. Idk about other phones. Hopefully that helps!

    • @adventureinourjourney2360
      @adventureinourjourney2360 Год назад +1

      @@MariahMagazine Today... it looks like I have to put Canva into the mobile version under the preview tab and record it from there will test it to see if it works and let you know... Shane Keep in touch!

    • @MariahMagazine
      @MariahMagazine  Год назад

      @@adventureinourjourney2360 Perfect! Glad you’re figuring it out. Sometimes it requires some testing & tweaking

  • @Kissingh1
    @Kissingh1 11 месяцев назад +1

    Thanks a lot.

  • @juandebby1028
    @juandebby1028 Год назад +1

    Lovely

  • @lukastaneda8128
    @lukastaneda8128 Год назад +1

    Thanks!!!!!!❤

    • @MariahMagazine
      @MariahMagazine  Год назад

      So glad it was helpful. Thank you for your kind comment ✨

  • @bhushan_366
    @bhushan_366 9 месяцев назад +1

    For this, would we require paid plan of canva?

    • @MariahMagazine
      @MariahMagazine  9 месяцев назад

      Off the top of my head, I think this is possible with a free account but I could be wrong.

  • @fatemeshamloo5896
    @fatemeshamloo5896 2 месяца назад +1

    How to zoom on the video while typing on the form?

    • @MariahMagazine
      @MariahMagazine  2 месяца назад +1

      I think you’ll need some kind of extra video editing tool for that.

  • @ghulamhussainnaz5954
    @ghulamhussainnaz5954 5 месяцев назад +1

    I want to learn mock up for clothing website

    • @MariahMagazine
      @MariahMagazine  5 месяцев назад

      I haven’t done those before! I’m not sure if Canva has templates for them or not. Might be able to find a generator via Google search!

  • @ManishGupta-sv2ru
    @ManishGupta-sv2ru Год назад +1

    What should be the browser shape or resolution, so that video can perfectly fit inside the mockup?

    • @MariahMagazine
      @MariahMagazine  Год назад

      Lol great question. Haven’t quite figured that out. I just test and tweak but I’m sure you could figure out the ratio of the mock-up and use that accordingly

  • @Uptrenddev
    @Uptrenddev 6 месяцев назад

    Thank you so much 🥰

  • @maimoonaghani3355
    @maimoonaghani3355 Год назад +1

    when i added my video in grid it is not showing full website???
    how can i fix that

    • @MariahMagazine
      @MariahMagazine  Год назад

      Sometimes you have to mess with the ratio in order to get it to fit perfectly. I mention that toward the end of the video!

  • @captainbel3760
    @captainbel3760 Год назад +1

    What if I don't want scroll in my website

    • @MariahMagazine
      @MariahMagazine  Год назад

      You can take a simple screenshot of your website on desktop. Google “screenshot keyboard shortcut” for Mac or Windows and you’ll be able to snap a pic in a hurry. There’s also a Screenshot Google Chrome extension. So many options!

  • @sherylmorrison8587
    @sherylmorrison8587 Год назад +1

    mine doesn't have screen only option

    • @MariahMagazine
      @MariahMagazine  Год назад

      Loom? You might have to adjust some settings. Or reach out to their support team! I know sometimes they have glitches

    • @sherylmorrison8587
      @sherylmorrison8587 Год назад

      @@MariahMagazine no i was just told the options to do what you are doing in the video aren't available on the free plan, you have to pay for it

    • @MariahMagazine
      @MariahMagazine  Год назад

      @@sherylmorrison8587 hmmmm they must have recently updated that. You use Zoom to take a video of the screen!

  • @sujonaziz8002
    @sujonaziz8002 Год назад

    Why you are so peaty?

  • @rebeccawaxman111
    @rebeccawaxman111 3 месяца назад +1

    very helpful. thank you!

    • @MariahMagazine
      @MariahMagazine  3 месяца назад

      Glad it was helpful! 🥰 thanks for your kind comment