Webflow Tutorial for Beginners (2022 Full Tutorial) - Create A Custom Professional Website

Поділитися
Вставка
  • Опубліковано 1 гру 2024

КОМЕНТАРІ • 115

  • @SantrelMedia
    @SantrelMedia  4 роки тому +2

    ****FOLLOW ALONG by STARTING HERE****👉 santrelmedia.com/webflow
    Then LEARN MORE HERE 👉 santrelmedia.com/wix-vs-webflow/
    (At Santrel Media, we aim to help you make the most of digital marketing and make decisions with confidence . To make this possible, many of our featured programs are from our partners. If you use our links, we may receive a commission at no cost to you. This helps to fund our work at absolutely no cost to you and does not influence our evaluations. To learn more, please read the video description)

  • @jeroenvermunt3372
    @jeroenvermunt3372 2 роки тому +49

    Remarks:
    5:46 start
    7:00 adding sections and change styling (set image as background)
    7:46 assets + change section size (alt + slide on padding)
    9:33 change images options (cover)
    10:45 add containers to section + some styling
    13:33 more image settings
    14:15 little introduction to position properties
    16:10 naming containers, columns
    16:50 some fast button styling
    18:15 add styling to other buttons
    18:20 some more styling
    20:05 move on to explain menu on the left side
    20:45 layouts intro
    21:36 intro to symbols
    21:50 intro to navigation
    22:20 intro to pages + plan discussion
    25:00 more assets
    25:30 settings
    26:00 view related things at the bottom left
    26:45 views explained
    29:30 some extra things explained
    31:10 more settings (animations)
    31:55 on hover
    33:15 start an animation
    35:10 header settings
    37:00 project settings
    38:00 SEO settings + some more settings
    42:00 templates
    44:30 link button to something

  • @PaytonClarkSmith
    @PaytonClarkSmith 2 роки тому +5

    I run my whole agency around Webflow and it’s a game changer 🔥 thanks for the vid!

    • @MTWDD
      @MTWDD Рік тому

      Payton what are you doing here 😄

  • @studiousnr
    @studiousnr 2 роки тому +1

    your explanation was so good, i tried their official lessons and they werre so hard and confusing. but yours, i undestood in one go. thank for the video

  • @missmoe427
    @missmoe427 2 роки тому +1

    This is one of the best tutorials I've ever seen. Thank you.

  • @mintgreen292
    @mintgreen292 4 роки тому +5

    I've been so interested in Webflow, this is really helpful. I think Wordpress may still be the way I have to go for a blog, but this might work well for my portfolio site.

    • @tyronvdbeek
      @tyronvdbeek 3 роки тому

      Webflow does it like that in the video because he has padding inside the section, if you want to get the container center it in the middle I would recommend using flex

  • @1.5Koreans0.5American
    @1.5Koreans0.5American 4 роки тому +9

    Never heard of Webflow but it sounds like a great website builder! Thank you for sharing. 🙌

  • @aijiexi
    @aijiexi 3 роки тому +2

    I almost didn't like your page because you saved the linking to the last! I was delighted though because I stayed to the end. I would like an in-depth linking video with anchors and forms if you please. I will look for one on your account.

  • @PharmacistApril
    @PharmacistApril 4 роки тому +4

    Awesome! Been looking for a great how to build your website tutorial and I think this is the best one. I’m gonna be creating my own website soon. Thanks for the tips!

  • @TrapisteEric
    @TrapisteEric 2 роки тому

    Really great tutorial to get a general overview of how this works. This video is a great place to start, thanks for taking the time to do this!

  • @whothewho82
    @whothewho82 3 роки тому +1

    This tutorial it was amazing and I think I’m ready to do more work in Webflow. One thing to note, can you please Circle your cursor or mark where you are on the screen it’s very difficult to follow your your mouse as you speak especially for extreme beginners like myself

  • @yenwild2663
    @yenwild2663 4 роки тому +21

    This is awesome. Thank you so much for this. Can you do it for e-commerce? I lost my job due to covi 🤦🏻‍♀️ single mom trying to be a one person business woman 😂. I have 0 experience on doing websites so I will be most likely going step by step watching your video a thousand times while trying to put it together 😁

    • @KT-ue2mx
      @KT-ue2mx 3 роки тому

      Oh I do understand u. I am a mom too. Wish u good luck in new profession and god bless u and your kids, sister! Actually u can find the whole bunch of courses on the webflow website. They have section calls Webflow University

  • @cornhell05
    @cornhell05 2 роки тому

    That jello interaction 10/10

  • @osks
    @osks 2 роки тому

    Very nicely done!

  • @organicwebdev
    @organicwebdev 3 роки тому

    Great video and great tutorial to start using it for the first time

  • @abdulraffay8378
    @abdulraffay8378 Рік тому

    Wow, another amazing video! I recently discovered Webwave and it's unlike any website builder I've ever used. It's like working in Figma or other design software, but you're actually building your website. I think you'd be the perfect person to review it and give your thoughts on its pros and cons. Let me know what you think!

    • @Deadblazegaming
      @Deadblazegaming Рік тому

      How can we add hosting like if we purchased hosting from another site its possible to add here?

  • @lukaskoszewski5994
    @lukaskoszewski5994 3 роки тому +6

    Thank you for the amazing tutorial. One question tho-
    When i drag a container directly into a section, it automatically snaps to the top. How do i get it to center itself vertically & horizontally in the section like it does in your video?

    • @sircasino614
      @sircasino614 3 роки тому

      I have the same question... guess it never got answered

    • @jurezadravec3852
      @jurezadravec3852 2 роки тому

      @@sircasino614 use wordpress instead of this horrible software

    • @adepurnama1642
      @adepurnama1642 2 роки тому

      I believe you can apply flex display to your section and then align center horizontally

  • @crowley144
    @crowley144 3 роки тому +1

    This was a great intro! well done

  • @cubingwithcarl4572
    @cubingwithcarl4572 3 роки тому +1

    Really great video! Thanks! I have tested out a few programs for a few days now, but Webflow is definitly (spelling?) the best!

  • @redfordreviews
    @redfordreviews 3 роки тому +3

    Want to build a website for my business. New to the space. I am leaning towards Webflow. Can I design it in webflow and then have a different hosting service?

    • @WDLukman
      @WDLukman 2 роки тому +1

      Yes you can design a website in webflow and host it elsewhere.

  • @Nuunofficial
    @Nuunofficial 2 роки тому

    Great tutorial. Thanks :)

  • @elmirasalmani6933
    @elmirasalmani6933 3 роки тому

    Finally a great tutorial! thanks!

  • @ogundaredavid4342
    @ogundaredavid4342 2 роки тому

    your video is really educating

  • @cookiemonsterrawrxd
    @cookiemonsterrawrxd Рік тому

    great video

  • @utasimon1102
    @utasimon1102 3 роки тому +1

    Thanks mate!

  • @advancedstrategiesforprofe3283

    Thanks for amazing tutorial. Very helpful. The one thing I did not see --- Is there a way to assign subpages under a menu item? EXAMPLE: Home |||| Menu Item 1 --> Page 1a | Page 1b | Page 1c| Link to External Site |||| Menu Item 2 (ex: Our Staff --> Sub item JOE | Sub item Maria | Sub item Abdul

  • @aina9873
    @aina9873 3 роки тому +1

    Great video, thank you!

  • @jesusbootcamp660
    @jesusbootcamp660 2 роки тому

    loved it, thank you

  • @Moominteapot
    @Moominteapot 2 роки тому

    thankyou so much! Only thing is I'm lacking the options in the bottom left corner, is that for only paid members, where you can see spacing, xray mode etc?

  • @ousmantouray3315
    @ousmantouray3315 2 роки тому

    Is it possible to have an uploaded video in the background in the scetion instead of the picture of trees you had?

  • @therealaarongeorge
    @therealaarongeorge 2 роки тому +2

    I think Webflow is a great tool for building websites, but how do you justify the monthly payment with all these limitations/caps? There’s limits on your number of E-commerce Items, Yearly Sales Volume, Form Submissions, Number of Pages, Monthly Site Visits, CMS Records, Bandwidth, and API Requests. There isn’t even a fully unlimited plan offered, and the closest you can get to unlimited is $235 per month… Am I missing something?

  • @digigoliath
    @digigoliath 3 роки тому

    Awesome!!! TQVM!!

  • @tomashruska2171
    @tomashruska2171 2 роки тому

    nice tutorial :) thx

  • @clementinemonf
    @clementinemonf Рік тому

    Great video. Do you explain somewhere how to add a blog at the blogpage, and how to integrate these at the homepage?

  • @liam5873
    @liam5873 2 роки тому

    thanks helped me

  • @seyharean168
    @seyharean168 3 роки тому

    Thanks for wacthing

  • @karstdeviz3858
    @karstdeviz3858 2 роки тому

    a tip for next video, make your microphone audio mono :)

  • @MikeOBrienMedia
    @MikeOBrienMedia 4 роки тому +35

    Hmm this guy looks familiar

    • @RevWingsJr
      @RevWingsJr 4 роки тому +1

      Dude! I’m a huge fan!!

    • @cam-mandernchief
      @cam-mandernchief 3 роки тому

      Well well well👀

    • @ItsTJ1
      @ItsTJ1 3 роки тому

      i wonder why?

    • @abut3775
      @abut3775 3 роки тому

      @@ItsTJ1 hmmmmm

    • @ItsTJ1
      @ItsTJ1 3 роки тому

      @@abut3775 HMMMMMMMMMMMMMMM

  • @RyanS_Cygnus-A2_FintechBanking
    @RyanS_Cygnus-A2_FintechBanking 2 роки тому +1

    Nice video! i try to create the Footer and i can't. I can't scroll down and add section. How can i do this?. Thanks.

    • @WDLukman
      @WDLukman 2 роки тому

      Contact me if you need help :)

  • @adesinaoluwasanmi5793
    @adesinaoluwasanmi5793 2 роки тому

    Very helpful

  • @garingustafson9087
    @garingustafson9087 3 роки тому +5

    great tutorial, thank you Santel. I'm considering a tourism site that would highlight 4-5 trip packages here in Costa Rica. Ideally I'd have a webform to capture some initial data that interested travelers could fill out quickly and submit. Is there a template you'd recommend for this or should I build from scratch? It will be a basic site in terms of pages (8) but I'd like this web form fill option. I welcome any thoughts you'd be willing to share. Garin

    • @reymiahthesun
      @reymiahthesun Рік тому

      How's this going, Garin? Were you finally able to build your website using Webflow?

  • @AndiDrajan
    @AndiDrajan 3 роки тому +1

    Awesome tutorial! Thanks!
    Quick question. Are you related to Nate O'Brien? You sound and look so similar.

    • @laupeter4594
      @laupeter4594 2 роки тому

      I think so they even speak with similar accents

  • @SuperKevinFS
    @SuperKevinFS Рік тому

    Hi I am doint this tutorial and when i try to add the conatner to the background imge it fixes tot he bottom can u help me out cheers

  • @hem2998
    @hem2998 2 роки тому

    Hey this is awesome, thanks! BTW what software did you use to record your YT vid?

  • @reginauhio4529
    @reginauhio4529 2 роки тому

    Amazing Content bruh... Really helpful. Please is there a software application that would most likely help in web design with a localhost set up outside WordPress.

  • @rosemaryfengchannel
    @rosemaryfengchannel 3 роки тому

    Do I need to buy a hosting thing for webflow? If I want to sell online courses which website builder do you recommend most? Thank you.😝

  • @lionezekai9799
    @lionezekai9799 3 роки тому

    I’ve been learning how to use webflow lately , seems pretty straightforward and easy to use. My only problem is that I’m trying to edit from my iPad and it doesn’t work the same way. Do you or anyone have any advice?

  • @JohnSund-Music
    @JohnSund-Music 2 роки тому

    Thanks for this super tutorial on webflow. I’m a musician and have used WP (still using), but issues with theme/WP/plugins/updating always seem to creep up after a while... and now submenus aren’t working on mobile devices. Anyway webflow looks great, as I thought that Wix and Squarespace just was too limiting. I’ve spotted just a few webflow themes dedicated to musicians and I’m not sure that these would be right for me... Wouldn’t mind building site from ground up, but when you can’t use plugins, how do you make a nice video gallery, a great looking calendar, listings for albums etc.... It is of course easier when you just have to fill out a template, but could you give any points as of how to achieve great results without too much hassle (I don’t mind spending time on it)

    • @novacassidy
      @novacassidy Рік тому

      Have you switched to webflow or still using WP?

  • @welling1
    @welling1 3 роки тому +5

    Webflow is basically what Dreamweaver markets itself as but it really isn't.

  • @bawafavour
    @bawafavour Рік тому

    how did you put the container in the middle

  • @sehamk6783
    @sehamk6783 2 роки тому

    Hi
    What did you do to make the container looks smaller?

  • @MeowfaceMusic
    @MeowfaceMusic 3 роки тому

    0:38...oOoo! What's _THAT_ trick called?...the multiple titles floating alongside their sections??

  • @NiteshMoreArt
    @NiteshMoreArt 3 роки тому +2

    Awsome video....Have some question can you please help??
    1. Can I add my customer fonts to this?
    2. Can I export code from webflow?
    3. Can I use a different hosting platform if my client has some hosting plan previously??
    4. Is there any limitations? for ex. image size, website size like other plans 1gb 2gb nd so on?

  • @lisamclaughlin5951
    @lisamclaughlin5951 2 роки тому +1

    I can't figure out how to change the words in the heading and the buttons. Highlighting doesn't work. I had a successful Facebook business but my account was hacked so I am forced to build a website and its all over my head, I just want to cry

    • @WDLukman
      @WDLukman 2 роки тому

      I can help you or just create a website for you if you still need one :) contact me to discuss details

  • @behramcooper3691
    @behramcooper3691 3 роки тому

    Can I store the created website on my computer and upload it to a server of my choice, or do I have to host it with them (like Wix)?

  • @recet
    @recet 2 роки тому +1

    This is an amazing tutorial and I learned a lot from it! Thank you for sharing!! Have you ever converted a standard Webflow website to an eCommerce site? If so, was it relatively straight-forward, or did you need to start from scratch?

  • @FirebrandVOCALS
    @FirebrandVOCALS 3 роки тому +1

    But who owns the website at the end of the day? Webflow or the person building it?

    • @christinazhang5117
      @christinazhang5117 3 роки тому

      The person who builds it. You can publish and upgrade or export

  • @postnatalmotcoach1006
    @postnatalmotcoach1006 2 роки тому

    Would I need a subscription per customer. As in my customers need to buy webflow. And if then. When I become an affiliate do I need to supply a lot of information past a birth date if that makes sense .. like more private information

  • @mauriceprincipe6102
    @mauriceprincipe6102 3 роки тому

    it's really hard to see the elements on the video because of the distracting image as a background. wish they have a cleaner version.

  • @INNERPR1SM
    @INNERPR1SM 3 роки тому

    Im having problems with background videos not being interactive. As in they don't shrink down for phone or iPad. Very disappointing

  • @Marketfeed
    @Marketfeed 2 роки тому +1

    CAN ANYONE HELP ME
    im a beginner
    My new sections are overlapping or comes between 2 sections, I changed the same in navigation.
    But no happening, can anyone please?

    • @WDLukman
      @WDLukman 2 роки тому

      I'm here if you still need help :) Contact me on my email

  • @dollaforex4047
    @dollaforex4047 3 роки тому

    Can we import code to web flow in order to redesign them

  • @ossi750
    @ossi750 3 роки тому

    Does it support left to write languges.. Arabic etc?

  • @deadshotgaming6449
    @deadshotgaming6449 2 роки тому

    Were I got this assets please upload images and some things you use in video

  • @developer_zino
    @developer_zino Рік тому

    Yo! I wanted to watch the whole video but the moment you used padding to increase the height of a section made me change my mind. You doing that mad me doubt you understand the proper way to build a site.

  • @lovelinechinedu2633
    @lovelinechinedu2633 4 роки тому

    Hi, please I can´t find the invite button on my Facebook page. Please do you know what went wrong?

  • @sierrabravo7368
    @sierrabravo7368 2 роки тому

    But how does it integrate with the loads of data my website will generate? this video gives me no idea of how to handle all the data my website will generate

  • @gideonokwechi3501
    @gideonokwechi3501 2 роки тому

    Broo, where's the other video

  • @calvink991
    @calvink991 3 роки тому

    Very blurry, cant see where the mouse moves to. Very hard to follow

  • @GardeningForProfit
    @GardeningForProfit 3 роки тому +2

    Webflow is not cheap. $24 per month

    • @SA-cz3gb
      @SA-cz3gb 3 роки тому +1

      Oh thanks for informing lol I'm using Shopify and it's good

  • @RM-sy8oo
    @RM-sy8oo 2 роки тому

    retitling to the current year is shitty

  • @gideonokwechi3501
    @gideonokwechi3501 2 роки тому

    About webflow.....

  • @AbdullahiSaid-ld5og
    @AbdullahiSaid-ld5og 11 місяців тому

    👌🙏

  • @immanish5872
    @immanish5872 2 роки тому

    gg bro

  • @ashtongrist
    @ashtongrist 3 роки тому +1

    yeah but thats not even a normal american accent its a youtube voice

  • @ashtongrist
    @ashtongrist 3 роки тому +1

    5 minutes later isn't going ahead.

  • @shamirk.a7172
    @shamirk.a7172 Рік тому

    that jello element trigger is so cringe!

  • @mixwix2614
    @mixwix2614 3 роки тому

    It's looks like photoshop stuff

  • @NewCourseCoach
    @NewCourseCoach 3 роки тому

    Worst webflow support ever! Huge mismatch with what the preview shows and what is actually shown in the browser... terrible. Won't recommend it

  • @ashtongrist
    @ashtongrist 3 роки тому +1

    totally lost. Always

  • @sunal2079
    @sunal2079 2 роки тому +1

    this tutorial sucks, watched 25 min and still havent learned how to change text

  • @gbtalk152
    @gbtalk152 2 роки тому

    Nah, sorry, can't follow that, you keep wandering all over the place and zooming your mouse all over the screen and talking non-stop and not actually teaching anything.

  • @backpacker57
    @backpacker57 Рік тому

    I don't know whether to advise you to learn organization skills, then presentation skills, then webflow skills or the other way around. Very difficult to learn from you. Sorry. Being honest.

  • @RedTick2
    @RedTick2 2 роки тому

    Dude, great tutorial. Why use a video originally posted two years ago where you only updated the video thumbnail and description? Reads as very scummy, almost clickbait. Thumbs down from me. Recycling old videos for new views with this year's date is cheap and beneath someone with your ability to make great tutorials.

    • @SantrelMedia
      @SantrelMedia  2 роки тому +1

      We actually have an updated tutorial in the works right now. It should be published soon

    • @RedTick2
      @RedTick2 2 роки тому

      @@SantrelMedia Awesome, I'm looking forward to seeing it.

  • @ajmersingh7064
    @ajmersingh7064 2 роки тому

    Animation 🤣

  • @tsepel
    @tsepel 3 роки тому +1

    Super helpful video thanks!