▶ Start Here: https://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 ▶ https://bit.ly/3r7BpwH
⚒️ Best Online Marketing Tools:
https://meticsmedia.com/tools
🎓 Courses I Took and Recommend:
https://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!
source
Hypothetically, what if you scrolled back up and redesigned the like button? (I think blue would look pretty good)
> Website Assets to follow along: https://bit.ly/3r7BpwH
> Use this link to support the channel: https://meticsmedia.com/webflow
good one
at 22:55 into the video you mention you need to remove the padding from the hero section, but you actually meant to say remove the margin!
Tbis tutorial was so very good! With Webflows' recent release with new capabilities, it would be helpful if you did an updated video. This was really good to get me started. 👍🏾
You deserve more than a like. Hug brother. 🫂
Thanks
how do i center the grid to be in the middle and not on the left. when i try to align it only the boxes move but not the actual grid to be in the middle.
This is top tier content. Thank you and subscribed.
For things like Headings & paragraphs (and other text) can you make global settings so that any time your create a new page or section it automatically chooses the Font you have selected? @MeticsMedia
Superb tutorial😍
Hey metrics wanting to ask which webflow plan are you using
why does the navbar doesn't want to get up
Thank you for this. Mega helpful 🙂
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.
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! 🙂
Thank you, ever so much, for this tutorial. I'm just jumping into Webflow, after a few years with Wix. This video is a much more efficient teaching tool than what i've been seeing on Webflow academy.
One FYI, though, about grammar/language—your English is quite good, but i keep hearing a phrase that i imagine you'd want to correct. "How it looks like" is a bit awkward/improper. It would be either "what it looks like" or "how it looks." You're quite meticulous and impressive in your language and instruction in every other way, so i thought you'd be interested in this tiny correction. Oddly, it's so common with people not from the US/UK that i often wonder if it's being taught that way!
Thanks a lot for this video, it was very useful! Unfortunately some items / features have changed functionality and don't work in described ways anymore. But big appreciation for huge work done, clear, detailed explanation anyway! 👍
Wish I could like this video more than 10000x
You are a live saver. Thank you so much
great tutorial bro thank you
Man, this is great. But Webflow has changed everything so all the instructions here are outdated.
Bro are you still here? Any new updates one pager site? Tutorial for beginners?
my question is about the hosting plan, can you manage it with a hosting service provider like namecheap?
thank you
great explain
Thanks for your content. Just the Interface Design in Webflow change a Bit today . Thanks.
Amazing
Thanks for this informative hosting video! Ive examined Bluehost and Hostinger, but Cloudways with TST20 coupn is the ultimate money-saver.
I can’t believe someone is actually putting those out for free. Thank you! 😊