Create your Webflow project

Getting Started / Quick Start

How to design a new project

Creating a Webflow project involves a few straightforward steps. Here's a breakdown:

Sign Up or Log In to Webflow

  • Go to the Webflow website.
  • Sign up for a free account or log in if you already have one.

Create a New Project

  • Once logged in, you'll be directed to your Webflow dashboard.
  • Click the "New site" button.
  • You'll be presented with several options:
    • Blank Site: Start with a completely empty canvas.
    • Templates: Choose from a variety of pre-designed templates (free and paid).
  • Choose the option that suits your needs.

Choose a Template or Start from Scratch

  • If you chose a template: Browse the template library and select one that aligns with your design vision. Do not use Ecommerce templates, and if you prefer start from one of our templates to easily kickstart your store

  • If you chose a blank site: You'll start with a completely empty canvas, giving you full control over the design. In this case you can use our components in order to create your store

Design your site

Unleash your creativity and create the store of your dreams!

Publish Your Project

  • You can publish your site to a webflow.io subdomain for free.
  • You can also connect a custom domain if you have a paid Webflow plan.

Starter Project

Start from here!

If you're starting a new project from scratch, we highly recommend beginning with our new Starter Project v2.

Smootify Docs

The Smootify Starter Project comes with a comprehensive style guide featuring pre-built classes, plus:

  1. Smootify Scripts Included: Seamlessly integrated into the global custom code section.

  2. Shopify-Ready CMS: All the Webflow CMS collections feature pre-configured fields, primed for easy synchronization with your Shopify store.

  3. Ready Pages: The starter project includes pre-built common pages—such as the cart page, search page, and product page—with their respective components already integrated and configured.

  4. Component Library: A complete suite of components, logically organized by page function.

  5. CSS Variables: Handy variables provided for styling key elements like the skeleton loader and the Cookie Consent Bar.

On this page