How To Make a Webflow Website: A Beginner’s Guide to Webflow

How to Make a Webflow Website example.

The Webflow website builder makes it easy to build and edit a site without requiring you to know how to write computer code. This guide provides step-by-step instructions on how to make a basic ecommerce store, blog, or any other type of business website using the Webflow website builder. Follow these simple steps to quickly build your Webflow website!

Step 1: Sign Up for Webflow

To get started, visit webflow.com and click on the “Get started — it’s free” button.

Screenshot of how to make a website using Webflow.

You can sign in with a Google account or an email address, and then you’ll need to create a password with a minimum of 10 characters. Your password must include at least one uppercase letter, one lowercase letter, and one number. Then, click on the “Create Account” button.

In addition, we recommend purchasing a Webflow plan right away so you can use all of the features included from the start. All Webflow Site plans include the following features:

  • Automatic data backups
  • High-speed page loading
  • Password protection
  • A secure sockets layer (SSL) certificate and built-in security
  • Advanced search engine optimization (SEO) controls
  • Immediate scaling capabilities

Additional features come with each level of the paid Webflow Site plans, which Webflow divides into Site plans and Ecommerce plans.

Webflow Site Plans

All of the Webflow Site plans include a custom domain and 100 static pages.

The Webflow Basic Plan

If you’re just getting started, the Basic plan is the most affordable website plan . For as little as $12 per month, you’ll have access to all of Webflow’s great features with very few limits. The Webflow Basic plan is the only option that doesn’t include a content management system (CMS) so you may need to upgrade if you plan on hosting a business blog.

Included features:

  • 25,000 individual monthly visits to your website
  • 100 form submissions per month
  • 50 gigabytes (GB) of content delivery network (CDN) bandwidth for rapid page loading

The Webflow CMS Plan

The Webflow CMS plan is great for businesses looking to implement a business blog or content marketing strategy. Starting at $16 per month, you’ll have everything from the Webflow Basic plan with higher limits and use of the powerful Webflow content management system.

Included features:

  • 100,000 individual monthly visits
  • 2,000 collection items (i.e., records you can have in your CMS database)
  • 1,000 form submissions per month
  • 200 GB of CDN bandwidth
  • 60 API requests per minute (e.g., to add, update, or delete CMS items programmatically)
  • Support for three content editors
  • Site search functionality

The Webflow Business Plan

The Webflow Business plan is perfect for existing business with steady traffic and/or a team of employees to collaborate within the Webflow website builder. For as little as $36 per month, you’ll have access to all of Webflow’s features plus more storage, more users, and the option to have a custom SSL certificate.

Included features:

  • 500,000 individual monthly visits
  • 10,000 collection items
  • 2,000 form submissions per month
  • Form file uploading functionality
  • 400 GB of CDN bandwidth
  • 120 RPM for API requests
  • Support for up to 10 content editors
  • Site search functionality

Webflow Ecommerce Plans

Looking to create an Ecommerce store with the Webflow website builder? You’ll want to take a look at one of the fully-featured Webflow Ecommerce plans available. All three Webflow Ecommerce plans include the following features:

Design

  • Custom checkout
  • Custom shopping cart
  • Custom product fields
  • Email template customization
  • Integrated CMS for blogs

Payments

  • Stripe-powered payments
  • Automatic tax calculation
  • Apple Pay and web payments
  • PayPal support

Marketing

  • Facebook and Instagram integration
  • Google Shopping integration
  • Google Analytics integration
  • Mailchimp integration

Management

  • Manual shipping rules configuration

Step 2: Follow the Prompts

The Webflow platform will then ask you some questions, starting with the name you want Webflow to use to greet you.

You’ll then reach a page with this message: “We've got a couple of quick questions. They'll help us tailor your experience with Webflow.” Click on the “Let’s go” button.

The next page will ask you, “What best describes your role?” Check the box next to the answer that best fits your role, and then click on the “Continue” button. The options include:

  • Web Designer
  • Product Designer
  • Developer
  • Marketer
  • Entrepreneur
  • Other

The next page will ask you, “Who will you be building websites for?” Check the box next to the answer that best fits your purpose for the website, and then click on the “Continue” button. The options include:

  • Clients, as a freelancer
  • Clients, as part of an agency
  • The company I work for
  • My business
  • Myself

Webflow will then ask, “Do you have experience building websites?” Check the box next to the answer that best fits your experience, and then click on the “Continue” button. The options include:

  • Never built
  • Used website builders
  • Some experience
  • Expert

The next page will ask, “What do you want to build today?” Check the box next to the answer that best fits the kind of website you want to create, and then click on the “Finish” button. The options include:

  • Business site
  • Ecommerce store
  • Portfolio
  • Blog
  • Other
  • I’m just testing Webflow out

On the next page, click on the “+ New Project” button.

Step 3: Choose a Webflow Template

You’ll now reach a page with a list of templates you can use to create your website. The price of each template appears in the lower-right corner of each image.

Screenshot of how to make a website using Webflow.

Webflow sorts its templates into categories like “New Templates,” “Free Templates,” “Ecommerce Templates,” “Agency Templates,” and more. To view more templates within a specific category, click on the “View All” button above that category.

When you find a template you like, click on it to open a preview of the pages built into that template. An overview of its included features and examples of recent websites using that template also will appear.

Screenshot of how to make a website using Webflow.

You also can see how the template will look to visitors by clicking on the “Preview in Browser” button and how it’ll appear as you design your website by clicking on the “Preview in Designer” button. Once you’ve decided on a template, select your template to get started.

Step 4: Name Your Webflow Website

Webflow will now prompt you to name your website in a “Name your project” pop-up window. Choose a name, type it into the text field, and then click on the “Create Project” button.

Screenshot of how to make a website using Webflow.

Step 5: Customize Your Webflow Website

You can now customize your new website with your desired text, photos, special effects, additional pages, and more. For more information on how to customize your website, read our How To Use the Webflow Website Builder guide.

Step 6: Preview and Publish Your Website Website

Once you finish customizing your new website, you can preview how it’ll appear to visitors by clicking on the “Toggle Preview” icon in the upper-left corner (it looks like an eye). When you’re satisfied with your site’s appearance, click on the “Publish” button next to the “Spaceship” icon in the upper-right corner of the design dashboard.

Screenshot of how to make a website using Webflow.

This’ll open a drop-down menu that enables you to publish your website live on the internet. If you signed up for a paid Webflow plan and entered your payment information, you also can create your custom domain name here and link it to your new website.

Finally, click on the “Publish to Selected Domains” button. Congratulations! Your small business website is now live.

Final Thoughts

Creating a Webflow website for your small business is fairly easy — even if you have no coding experience. Webflow offers eye-catching website templates with many customization options to help your business create an impactful online presence.

Now that you've successfully built and launched your Webflow website, you're ready to focus on growing your small business. Check out our other guides to take your website to the next level:

How to Use the Webflow Website Builder
How To Drive Traffic To Your Website
How To Improve SEO
How To Use Google My Business