▶ 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

29 Comments

  1. 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. 👍🏾

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

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

  4. 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! 🙂

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

  6. 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! 👍

Leave A Reply

Please enter your comment!
Please enter your name here