The Only Webflow Tutorial You Will Ever Need (FOR BEGINNERS)

▶ Start Here: meticsmedia.com/webflow
In this webflow tutorial for beginners I will show you step by step how to use webflow to build and design your own website from scratch! [Complete Tutorial]
Website Assets to follow along ▶ bit.ly/3r7BpwH
⚒️ Best Online Marketing Tools:
meticsmedia.com/tools
🎓 Courses I Took and Recommend:
meticsmedia.com/courses
0:00 Intro
0:51 Getting Started on Webflow
3:50 Designer Interface Overview
8:28 Import Assets
9:03 Building a New Section
12:14 Layout Settings
13:11 Spacing
14:22 Editing Content & Typography
16:18 Classes
19:43 Changing Hover State
20:51 Editing Background
21:40 Adjusting Section Size
22:30 Adding a Nav Bar
26:14 Grid Layout
29:56 Prebuilt Layouts (e.g. Lightbox)
33:00 Hover Effects & Transition Settings
35:32 Creating a New Page
36:28 Symbols
38:34 Editing Nav Links
40:07 Animations
45:56 Breakpoints (Mobile Optimization)
50:17 Publishing (+Webflow Plans)
56:33 Project Settings
58:45 Asking For A LIKE :)
Webflow is an amazing website builder that allows you to create a dynamic website using a drag and drop page builder. In this webflow tutorial for beginners you'll learn all the basics of how to use webflow to build a custom professional website. You'll learn webflow quickly by watching and following along with this webflow tutorial.
#meticsmedia #webflow #webflowtutorial
-
The description of this video contains affiliate links, which means that if you buy one of the products that I recommend, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for your support!

[@MeticsMedia]

Hypothetically, what if you scrolled back up and redesigned the like button? (I think blue would look pretty good)
> Website Assets to follow along: bit.ly/3r7BpwH
> Use this link to support the channel: meticsmedia.com/webflow

[@no.3mikeee491]

Underrated asf😭

[@ehisamas7957]

Thanks for this wonderful tutorial. Please, how do I get my narv bar to stay horizontal above the section just like in your video tutorial as I keep having mine stick to the side. I would really appreciate your response on this.

[@MoneyOnlineSimple]

Remember, you don't have to be good to
get started but you have to get started if you ever want to get good. :)

[@SuperTechBlessing]

Well said !

[@yolo525]

Let’s start!

[@Dreysimmons]

2 years later and you’re still helping us out🔥🔥Thanks for the straight forward and concise video. Your teaching skills is impeccable 💯👌🏾

[@maryamrizvi8125]

This was, hands down, maybe the best tutorial I have ever watched. So so informative and so easy to understand and follow along, somehow you have condensed hours of learning material into a simple video. Definitely not an easy job, thank you so so much!!

[@FilmAndStageChannel]

This is GENUINELY THE BEST WEBFLOW TUTORIAL! Thank you immensely for explaining each aspect so easily, and quickly. It simplified everything for me. I've looked at 8 other tutorials, and I was still 95% lost after watching hours of other tutorials (one tutorial was over 3 hours long). I learned everything I was looking for in your tutorial, and I'm at ease now, and I appreciate your gift for explaining and demonstrating things so perfectly.

[@BryanAngeloForonda]

This tutorial is very comprehesive but easy to understand to jumpstart my work on Webflow! I'll be handling a Webflow-based website as my side job so this really helped me have a grasp on how to use it!! This is immensely useful! Thank you!!

[@rickeyono4691]

Simon is a great tutor. He is easy to follow and speaks at a good pace for learning.

[@ViperXOfficial]

I want to thank you for creating such a clear and straight-to-the-point tutorial. It gave me the knowledge that I needed and made it easy to understand the important basics of Webflow. Thank you so much for putting in the time and effort to make such a valuable video.

[@CheekyAdorable]

Thank you so much for this. I started a new job and their website is BROKEN AF and they wanted me to pick a template and start over. Nearly pulled my hair out, but playing this in the background helped me figure out my issues as I came upon them.
The note about the different editing screens (desktop vs mobile) HELPED SO MUCH.

[@amcds2867]

One of the best tutorials i have ever seen. Thank you.

[@HandbookLab]

I’ve been delaying making my website for far too long, but decided to take the plunge and chose Webflow as it offered so much variety. Your video has really helped me to understand the fundamentals needed, and given me the confidence to build my website from scratch. Thanks, instant sub! :)

[@andrewsykes1118]

Great video! My first intro to Webflow. Really easy to follow along!

[@GregandJennifer]

Appreciated this video VERY much as I've been discerning moving from WordPress to Webflow. Walked through your tutorial while "rebuilding" my website's front page in Webflow and by the end of your tutorial I felt comfortable enough to pull the trigger and signed up for Webflow for a year. I've been on WordPress sites for 15+ years so this has been a tough discernment to make the jump. So thanks for the work you put into this tutorial.

[@1123bbb]

How have you been liking Webflow after the switch? I'm trying to decide between Wordpress (with Elementor) and Webflow and can't seem to make a decision.

[@sgarcata]

I really love your presentation style and approach. Thank you so much for doing these presentations.

[@joshuaogah587]

Thank you so much for this tutorial!! It's super detailed.

[@PavanKumar-fr2ig]

No BS, Straight to the point. Great Video!

[@sirblackboss]

This is a great so far. I am only 18 minutes and I am feeling I am building something first before getting the complex stuff. Thank you and Greatjob!

[@mikmohsen9669]

Solid tutorial. Very clear and easy to follow. Well deserved sub

[@Design-with-Tobi-Farinde]

I appreciate this opportunity to learn. I have been stucked for a while now, this provides clearity

[@kylebianchi6756]

This was super helpful, thank you so much! Followed along with this over a few days and have a great understanding of WebFlow now.

[@federicodonatone5909]

This video is pure gold ! I appreciate you so much man :)

[@hi.auntieboba]

This was super helpful! Thank you for doing this thorough tutorial

[@cyberintell2958]

Man you got a great teaching style that is easy to follow and understand

[@Chinaza.C]

This was super helpful and straight-forward. Thank you so much

[@yevilopatina2075]

Incredible video -- thank you for sharing and teaching

[@Jimmy-zv7pk]

awesome video man, very informative and straight to the point!

[@martinshuudeni5247]

This was very engaging and simple to follow, thank bro

[@dantebotha7331]

Great teacher! Thanks for amazing tutorial!!!

[@charlesajiboye4421]

This tutorial is great..Contains must things you need to understand webflow

[@designwithsaif]

Your Story telling is amazing simple and clear❤️

[@reofonte1094]

Thank you so much. Super helpful tutorial

[@muftagiarm4575]

learnt so much from you, thanks!

[@dawidkardzis5172]

Great job with this tutorial. It was really helpful, thanks!

[@NomanSiddiqueH]

Useful tutorial thanks man!

[@zhenyanagornaya4740]

Thanks man! This tutorial is just awesome!

[@ameereeo]

I was always confused about classes in general in coding but from this tutorial my confusion is gone, thanks to you bro, thanks alot. and tutorial was so helpful 😍🖤

[@sgarcata]

I like using the analogy of dogs as a class because we are so familiar with dogs and their breed characteristics.

[@gabriellesaliba4774]

Great tutorial! Thank you for this!!

[@RR-hi7ij]

Thanks! This is the best clear explanation about webflow even better webflow university!

[@KariposTheOne]

Great Tutorial !

[@fourbreadswholemeal4835]

Found this really really useful - thanks so much!

[@TheGolf361]

That was really informative and overall superb tutorial for web flow. I searched and scanned through few other tutorial videos and many of them were unprofessional and boring at a point... This one though was digested in one go! Thanks for your time and good luck in your channel!

[@MeticsMedia]

thanks so much, good luck with your website!

[@ayeshailyas7715]

your teaching style is soo good. Learning webflow was a pain for me but the way you explained I got more interest in learning webflow. Thank you for the video Indeed you're a great teacher.

[@VonnSeacoast2024]

GREAT STARTER FOR US. THANKS!!!

[@GardeniaLimo]

Excellent Tutorial on Webflow, Thank you

[@mohangr3703]

Great Video! I learned a lot!

[@rup2279]

Love the video 🤗🤗 really appreciate

[@waltero.3276]

Many many thanks for this tutorial, I will go through your web flow link, thanks

[@Mithsonraj]

This is what I need nice tutorial great and informative time saver really appreciated thanks.

[@shreyapatil6055]

you just saved my semester!

[@Lifepro2]

thank you for learning

[@abdulazizcisse]

great straight forward tutorial

[@bibiri778]

Your teaching method is very easy to understand. Thank you very much.

[@dinachiofoegbunam]

You are a live saver. Thank you so much

[@brendabolanos413]

Thank you for sharing this very informative tutorial. It helps me a lot since I have zero knowledge of Webflow.

[@saveroaryodilogo6953]

Oh finally got tutorial straight to the point , who actually like me who wasted a time watching tutorial not getting into to the point. It really help someone like who actually new in this webflow also helping me created business website for me cousin. thank you

[@johnpauldeleon9753]

Thank you! very detailed and informative!! New subscriber!!

[@tutomedia5715]

It was great, thank you so much!!!

[@prcreations6152]

Great Tutorial, Thanks Bro for making this

[@tracymontgomery2864]

Much Mahalo for this easy to understand and follow along video!!!🤙

[@cory311]

Thank you for this. Mega helpful 🙂

[@josephmanje3560]

It is very clear and educative

[@muratbilgekelce564]

thats great ! Thank you so much. Waiting more web flow videos

[@dunkley7776]

This is top tier content. Thank you and subscribed.

[@mindfulidentitydesign]

well explained, thank you so much

[@cleavonamidiagbe527]

Very educative.. thank you very much

[@laurynb.5517]

Thank you for this tutorial! 👏

[@shivammittal3698]

Awesome Tutorial

[@adamyomtov7190]

Thank You for your tutorial.

[@maxwellazubuikeijomah5810]

The video was really enjoyable and easy to understand .

[@juangv8002]

Thanks for your content. Just the Interface Design in Webflow change a Bit today . Thanks.

[@mthalitasm]

Thank you !!! Amazing video.... You helped me a lot, I'm grateful....

[@suman121069]

thank you so much for all the information

[@verticalvideos4211]

Love this man ❤

[@HolaMusgo]

Thank you so much!!

[@elizabethayoola3966]

This was soooo helpful💯💥

[@rojay-nathangreenidge476]

Very helpful, Thanks

[@mr_draj]

the best video about webflow, your effort is appreciated. I owe to say you thank you when we will meet.

[@bolajiakangbe]

Beautiful... Thank you

[@yunholing6119]

I can’t believe someone is actually putting those out for free. Thank you! 😊

[@Suresh-kr3np]

Thanks ❤

[@lakivicsa]

Thank you!

[@DesignbyBK]

After using framer, I was wondering webflow is going to be difficult. But your tutorial is just amazing, now I can sleep easily without worrying about developing my design in webflow.

[@malikmohammadmansoor8174]

Thank you so much it helped me alot

[@mastermax4658]

Superb tutorial😍

[@teamgimpr4359]

Thanks for the video. it's very informative I hope you will make another video discussing other features of webflow.

[@Aliciaileen]

THANK YOU SO MUUCHHH!!!❤

[@odin9948]

Very, nice video for beginers

[@skyi5987]

Thank you

[@davinchicapital]

amazing tutorial !!!!

[@enolaholmes19-c5u]

You are amazing thank you so much😄

[@ameliakryz]

Thank you so much!

[@emithbruce1898]

Excellent tutorials, straight to the point with pretty much everything covered
But I wished webflow as part of their free plan, we can copy the design codes

[@ainaolamide5482]

A very detailed tutorial

[@vmorgan_io]

Thank you.

[@Reility_]

Very helpful, thanks!

[@MeticsMedia]

thanks for the comment

[@jowzeep]

Thank you. ❤️

[@Jeffery_v]

Thank You !

[@ZenyaRodrigez]

thanks! very usefull!!

[@Indgan]

Nice video ... very informative.

[@nbulwinkel]

Thanks for the video very clear and it helped me a lot, a small observation is the small screen where you appear talking sometimes blocks what your mouse is doing and I couldn't see where you were clicking, apart from that great work :)