How To Make a Webflow Website: A Step-by-Step Guide

As an increasingly popular choice for creating small business websites, the Webflow website builder makes it relatively easy to build and modify a site without knowing how to write computer code.

This guide provides step-by-step instructions on how to create a basic ecommerce store, blog, or any other type of business website using the Webflow website builder. Follow these simple instructions to build your Webflow website in less than a day!


Step 1: Sign up for Webflow

To get started, visit webflow.com and click on the “Get Started - it’s Free” button.

How to make a Webflow website.

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. It must include at least one uppercase letter, one lowercase letter, and one number. Then, click on the “Create Account” button.

Step 2: Answer Several Questions

The Webflow platform will then ask you a series of 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

Next, Webflow will ask you, “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 Template

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

How to make a Webflow website.

Webflow groups its templates into categories, such as “New Templates,” “Free Templates,” “Ecommerce Templates,” “Agency Templates,” and more. To view additional 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.

How to make a Webflow website.

In addition, you can see how the template will look to visitors by clicking on the “Preview in Browser” button and how it’ll look as you design your website by clicking on the “Preview in Designer” button. 

If you decide to use this template, click on the “Use for Free” button.

Step 4: Name Your 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.

How to make a Webflow website.

Step 5: Customize Your Website

You can now customize your new website with your desired text, photos, special effects, additional pages, and more. For an in-depth tutorial on how to perform these actions, check out our How To Use Webflow guide.

Step 6: Preview and Publish Your Website

Once you finish customizing your new website to your satisfaction, you can preview how the site will 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.

How to make a Webflow website.

This will open a drop-down menu that provides the option to publish the site 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.

The Truic Flame Logo

Looking for design inspiration? Take a look at these Webflow website examples to get a live look at what Webflow is capable of.

If you plan to start a new business, here are some additional resources you may find helpful:

Additional Resources