Webflow Tutorial for Beginners (2021 Full Tutorial) - Create A Custom Professional Website - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Santrel Media Video: Webflow Tutorial for Beginners (2021 Full Tutorial) - Create A Custom Professional Website.
START HERE •️ https://santrelmedia.com/webflow
Webflow is among the fastest growing ways to build a website and for good reason! Read more below
•️ TIMESTAMPS BELOW •️

With more customization control than Wix and Squarespace, but less complicated than WordPress, Webflow is the Goldilocks for many people.

SIGN UP FOR OUR WEEKLY MARKETING EMAIL:
http://santrelmedia.com/MARKETING-EMAIL
Whether you are working at a large company, small business, or for yourself, we are excited to share our weekly 5-Point Marketing Monday with you! This includes our favorite gear, tips, experts, quotes, questions, and thoughts for this week to get your week started on a successful week. Enjoy!

Our Top Website Tips/Picks:
Top Website builders: https://santrelmedia.com/website-builders/
Top Wordpress Hosts, Tools, and Builders: https://santrelmedia.com/wordpress/
Squarespace review: https://santrelmedia.com/squarespace-review/
Wix review: https://santrelmedia.com/wix-review/

Follow us on Instagram:
Nate: https://www.instagram.com/nateobrienn/
Mike: https://www.instagram.com/mikeobrienn/

SUBSCRIBE: www.youtube.com/santrelmedia

TIMESTAMPS:

0:00 Getting Started
5:45 Understanding the Dashboard
11:40 Adding & Editing Text/Buttons/Images
20:30 Adding Layout Bundles
21:40 Understanding Navigation and Organizing Your Site
23:00 Upgrading Your Site
26:00 Website View Settings
26:30 Mobile/Desktop/Tablet Site
31:00 Animations and Interactions
37:00 Project Settings (Logo, SEO, etc.)
41:50 Starting From A Template

ADDITIONAL TUTORIAL NOTES:
Design and build websites, CMS sites, and e-commerce sites (originally just websites)
Create new project (with a blank canvas, or with a template)
Great for quick landing pages, or anything

Webflow - #madeinwebflow examples on site

Webflow is responsive, so desktop/mobile/tablet all look great

Go to settings (top left under dashboard)
General, Hosting, SEO, forms, etc.
Fonts are easily integrated with Google Fonts, Adobe Fonts, and allow your own (watch out for load speed)
Backups are automatic
Transfer option (send project to people)
Trash
Copy
Publish (custom domain or messy temp domain)
Go back to designer
Click and drag things from the left panel into the screen
Rename items in the Selector field on the right
Use style on the right to change style
LAYOUTS
Add layouts for a photo, title, text combo
Save some as symbols to duplicate common itemss
Change things in settings for each size, and it works for everything smaller (Tablet stuff applies to mobile, etc.)
NAVIGATION
Layout tree
PAGES
Add pages into folders
Name page
SEO settings on page
Edit attributes
eCommerce and CMS buttons (for future videos)
MEDIA
Your photos, logos, etc.
VIEWING ON BOTTOM
Top right - CODE EXPORT

RIGHT SIDE OPTIONS (other than just editing)
CONTAINER SETTINGS
Add a link in nav bar
Hold alt to adjust two paddings at once
Hold shift+alt to adjust all paddings at once
NAVIGATION MENU
layout
INTERACTIONS
Right side tab (lightning bolt)

#SantrelMedia #WebsiteMarketingMastery

DISCLAIMER: This video and description contains affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. This helps support the channel and allows us to continue to make videos like this. Thank you for the support! Everything in this video is based on information we learned from online resources, our own experience, and books we have read. Please do your own research before making any important decisions. You and only you are responsible for any and all digital marketing decisions you make. Thank you for watching!

Published: Thursday, December 3, 2020 12:55 PM
Category: Santrel Media

34 Views

Related Videos

Squarespace Tutorial for Beginners (2021 Full Tutorial) - Create A Professional Website

by Best Webhosting Added 3 years ago 29 Views / 0 Likes

START HERE: https://santrelmedia.com/squarespace With Squarespace, you no longer need to hire a web developer to have a professional website. By the end of this tutorial, you will know everything you need to in order to make a functional, beautiful, and professional website with Squarespace SIGN UP FOR OUR WEEKLY MARKETING EMAIL: http://santrelmedia.com/MARKETING-EMAIL Whether you are working at a large company, small business, or for yourself, we are
Wix Tutorial 2021(Full Tutorial For Beginners) - Create A Professional Website

by Best Webhosting Added 3 years ago 30 Views / 0 Likes

START HERE: https://santrelmedia.com/WIX If you are looking to make a beautiful professional website with ease, this is the tutorial for you. In this training, I cover everything you need to know from basic account creation, to advanced integrations with apps and everything in between. SIGN UP FOR OUR WEEKLY MARKETING EMAIL: http://santrelmedia.com/MARKETING-EMAIL Whether you are working at a large company, small business, or for yourself, we are exci
Squarespace Tutorial for Beginners (2020 Full Tutorial) - Create A Professional Website

by Best Webhosting Added 3 years ago 49 Views / 0 Likes

START HERE: https://santrelmedia.com/squarespace Squarespace is meant to make website creation easy, and after this tutorial, you will know everything you need to so you can start building your professional website today. I have been creating websites with squarespace, Wix, Weebly, and others since I was in high school almost a decade ago. These tools make it simple to create a professional website without any need for coding or web developers. Square
Wix Tutorial for Beginners (2020 Full Tutorial) - Create A Professional Website

by Best Webhosting Added 3 years ago 57 Views / 0 Likes

Start your Wix site here: https://wixstats.com/?a=30481&c=124&s1= Create your own professional website from home without a degree or any online courses. This tutorial shows you all of the fundamental tools you will need to create a successful website with Wix. This tutorial includes all of the tools on the Wix editor, how to add a custom domain, and some basic SEO to get your website up and running, regardless of whether it is a business, fundraiser,
Shopify Tutorial for Beginners (2020 Full Tutorial) - Create A Professional Online Store

by Best Webhosting Added 3 years ago 59 Views / 0 Likes

START YOUR STORE HERE: http://santrelmedia.com/SHOPIFY Shopify is very popular for good reason. This is one of the most powerful and user-friendly platforms to host your online store, and in this video, I will show you everything you need to know to start your first online store and begin making money with Shopify ecommerce. This is a full tutorial focusing on setting up a Shopify store online and I will cover some of the details you will need to know
Weebly Tutorial for Beginners (2020 Full Tutorial) - Easy Professional Website

by Best Webhosting Added 3 years ago 55 Views / 0 Likes

GET 10% OFF WEEBLY: https://www.weebly.com/r/SFG15M Building a website can be confusing and intimidating, but it doesn't have to be. You don't necessarily need to hire someone to build your site for you if you use Weebly. Weebly is an easy website builder that simplifies the process into a drag and drop layout that is easy enough for all users. This is a full tutorial for beginners in which I will cover the topics listed below and show you that you do
Shopify Tutorial 2021 (for Beginners) - Create A Professional Online Store w/ No Coding

by Best Webhosting Added 3 years ago 24 Views / 0 Likes

START YOUR STORE HERE: http://santrelmedia.com/SHOPIFY There has never been a better time to start your online store. e-Commerce with Shopify has never been easier, more powerful, or more relevant, and in this video, I will show you everything you need to know to start your own digital store. Whether you are drop shipping, selling products of your own, branded dropshipping, or something else, Shopify is a great way to bring your business online. This
Squarespace Tutorial - Late 2022 (for Beginners) - Create A Professional Website

by Best Webhosting Added 1 year ago 23 Views / 0 Likes

START HERE: https://santrelmedia.com/squarespace Making a website has never been easier. I will teach you to make a beautiful, professional website that ranks on Google without any coding or technical skills necessary. Squarespace recently updated their interface and this video shows the latest version SIGN UP FOR OUR WEEKLY MARKETING EMAIL: http://santrelmedia.com/MARKETING-EMAIL Whether you are working at a large company, small business, or for your
Print on Demand Website Tutorial - Create your own POD website with WordPress [FULL GUIDE] - 2021

by Best Webhosting Added 1 year ago 23 Views / 0 Likes

Full Length Print on Demand (POD) website tutorial. You can create your own website and start selling today! Iiiiiinnn this video, I take you through everything you need to know to get a POD website up and running using WordPress. Things You’ll Need • Hosting: https://wpeagle.com/hostarmada (use code WPEAGLE75) (Affiliate Link) • GeneratePress Theme: https://wpeagle.com/generatepress (Affiliate Link) • Printful Account: https://wpeagle.com/printful My
How to Sell On Amazon FBA For Beginners - 2021 FULL Tutorial

by Best Webhosting Added 3 years ago 26 Views / 0 Likes

Learn how to create and sell a product on Amazon FBA for FREE! Click below to join the Waitlist For My Amazon FBA Course http://effectiveecommerce.com/amazoncourse2021 Click below to join the Waitlist For My Free Amazon FBA Course http://effectiveecommerce.com/freeamazoncourse2021 Why Sell on Amazon (0:00) How Amazon FBA Works (4:59) What I Am Going To Share (05:42) How I Did It? (13:16) What Do You Need To Learn To Start (19:54) FAQs (56:46) How Can
CREATE A WEBSITE IN 10 MINUTES [Easy Tutorial] ~Full Tutorial with Wix ADI Creator~

by Best Webhosting Added 3 years ago 58 Views / 0 Likes

START YOUR WEBSITE HERE: http://wixstats.com/?a=30481&c=2252&s1= In this video, I show you how to make a professional website in just ten minutes. I start the timer and show you the step by step process to set up the website, connect your social media accounts, import images from other locations, and connect a domain. This is a simple way to make a website for new businesses, weddings, festivals, online stores, fundraisers, and other possible website
GoDaddy Website Builder Tutorial for Beginners 2020 (Build A Professional Website)

by Best Webhosting Added 3 years ago 62 Views / 0 Likes

START YOUR SITE HERE: http://www.santrelmedia.com/recommends/godaddy Building a website shouldn't be hard. This tutorial will show you all of the tools you need to build your first website with GoDaddy's website builder. This is a step by step tutorial for beginners to show you everything you need to know to make your professional website, with no coding or extra hidden steps. SIGN UP FOR OUR WEEKLY MARKETING EMAIL: https://mailchi.mp/6efe044b5874/san