Sunday, August 2, 2026
HomeSetup GuidesHow to Set Up Webflow: Complete Beginner's Guide (2026)

How to Set Up Webflow: Complete Beginner’s Guide (2026)

Webflow is a visual web design and CMS platform built for designers,
freelancers, marketers, and small teams who want the design control of
custom code without actually writing it (Webflow Pricing). This guide
covers everything from creating your account to picking the right plan,
setting up your first site and CMS collections, connecting your domain,
and avoiding the mistakes that trip up most new users in their first
week.

Last updated: August 2026

What You’ll Need Before You
Start

  • An email address (or Google account) to sign up
  • A general idea of what kind of site you’re building (portfolio,
    business site, blog, ecommerce store) to guide template selection
  • Access to your domain registrar if you want to connect a custom
    domain
  • A credit card only if you’re upgrading to a paid Site or Workspace
    plan — Webflow’s Starter plan is free to begin with (Webflow Pricing)
  • Basic brand assets (logo, colors, fonts, copy) so you’re not
    designing from a blank slate

Step 1: Create Your Account

webflow signup screenshot

Webflow’s sign-up screen — create an account with Google, GitHub,
or a work email.

Go to Webflow’s signup page and create an account with your email or
a Google login (Webflow
Signup
). Once logged in, you’ll land on your Webflow dashboard. From
there:

  1. Click Create new site.
  2. Choose one of three starting paths: an AI site
    builder
    , a template, or a blank
    site
    (Webflow Templates
    Tutorial
    ).
  3. If you select templates, use the filters at the top — category
    (business, portfolio, technology, etc.) and price (free or paid) — to
    narrow down options, then hover over a template and click
    Select to preview and use it (Webflow Templates
    Tutorial
    ).

Every new account starts on the free Starter
Workspace
, and every new site starts on the free
Starter Site plan by default — no credit card is
required to begin building (Webflow Pricing). This means you
can fully explore the designer, try out a template, and get comfortable
with the interface before committing to any paid plan, which makes
Webflow one of the lower-risk tools to test-drive on this list.

Step 2: Choose the Right Plan

Webflow overhauled its pricing structure in 2026, consolidating the
former CMS and Business Site plans into a single new
Premium plan and refreshing the Basic plan, while
keeping Site plans (per website) and Workspace plans (per
team/collaboration) as two separate pricing tracks (Webflow
official pricing simplification announcement
).

Site Plans (per website)

Plan Monthly Price Annual Price (per month, billed yearly) Sub-Accounts/Users Included Key Features Best For
Starter Free Free 1 site (up to 2 static pages) Webflow.io subdomain, limited CMS (50 items), 1 GB bandwidth, 50
lifetime form submissions, Webflow AI, MCP server, Webflow Cloud app
hosting
Testing, learning, and prototyping before launch (Webflow pricing)
Basic $25/month $15/month 1 site; no CMS Custom domain, 300 static pages, 10 GB bandwidth, unlimited form
submissions, password protection, Webflow AI, MCP server
Simple static sites — portfolios, landing pages, brochure sites with
no blog or dynamic content (Webflow pricing; Webflow
2026 pricing update
)
Premium (replaces legacy CMS & Business
plans)
$39/month $25/month 1 site Everything in Basic, plus full Webflow CMS (20,000 items, 40
collections), 50 GB bandwidth (expandable to 2.5 TB via add-ons), code
components, site search, form file uploads, well-known files
Content-rich marketing sites, blogs, and higher-traffic business
sites — the “most popular” all-purpose tier (Webflow pricing; Webflow
2026 pricing update
)
Team (Platform plan) $2,500/month (annual contract only) $2,500/month Site + Workspace bundle Everything in Premium, plus Webflow Localize, AEO agents, publishing
workflows, single-page publishing, site activity log & API, enhanced
security/compliance, priority support
Growing teams/organizations that have outgrown self-serve plans but
don’t need full Enterprise (Webflow pricing)
Enterprise Custom (contact sales) Custom (contact sales) Custom Enterprise-scale traffic, granular permissions, custom roles,
advanced governance, dedicated account manager, enhanced SLAs
Large organizations needing a fully customizable, compliance-heavy
solution (Webflow
pricing
)

Workspace / Team
Collaboration Plans (per seat)

Plan Monthly Price Annual Price (per month, billed yearly) Users Included Key Features Best For
Starter (Workspace) Free Free 1 full seat + agency/freelancer guests Unlimited paid hosted sites, 2 staging sites, 200 AI credits Individuals or freelancers just getting set up (Webflow pricing)
Core ~$28/month $19/month Per seat, unlimited team members addable Everything in Starter, plus 10 staging sites, 300 pages per staged
site, 300 AI credits, custom code, code export, shared libraries
Small teams needing more staging environments and code control (Webflow pricing)
Growth ~$70/month $49/month Per seat, unlimited team members addable Everything in Core, plus unlimited staging sites, 400 AI credits,
password protection, 301 redirects, site-level roles and publishing
permissions
Teams needing unlimited staging and advanced
collaboration/governance controls (Webflow pricing)
Freelancer (Agency track) $24/month $16/month 1 full seat + 1 free client seat per site 10 staging sites, free guest access in client workspaces, client
payments, shared libraries, 300 AI credits
Freelancers managing a small client roster (Webflow pricing)
Agency $42/month $35/month Per seat + 3 free client seats per site Everything in Freelancer, plus unlimited staging sites, unlimited
shared libraries, site-level roles, publishing permissions, 400 AI
credits
Agencies managing a large client roster (Webflow pricing)

Notes: – Extra seats can be added a la carte: Full
seat $39/month, Limited (content-editing) seat $15/month, Free
(comment/review-only) seat $0 (Webflow pricing). – E-commerce is
a separate add-on tier: Standard $29/month (annual), Plus $74/month
(annual), Advanced $212/month (annual), each billed per site on top of a
Site plan (Webflow pricing). –
Webflow does not offer a fixed-length free trial — instead it offers a
free-forever Starter plan with usage caps (2 pages, 1
GB bandwidth, webflow.io subdomain) that you can use indefinitely before
upgrading (Webflow pricing). –
The pricing overhaul phases in gradually: new purchases already use the
new structure, most existing sites transition at their next renewal on
or after June 29, 2026, and Freelancer/Agency Workspace or legacy-priced
sites transition on or after November 16, 2026 (Webflow
2026 pricing update
).

Step 3: Core Setup & Key
Settings

1. Choose your starting point. Decide between a
pre-built template, the AI site builder, or a blank canvas. Templates
are the fastest path for beginners since they come with pre-styled
sections you just need to edit (Webflow Templates
Tutorial
).

2. Set up your site structure and pages. Add the
core pages your site needs (Home, About, Services, Contact) using the
Pages panel, and organize your navigation before diving into visual
design.

3. Set up CMS Collections (if using Premium). CMS
Collections let you manage repeatable content like blog posts or case
studies. Add a Collection List element to your page,
then connect it to a Collection (e.g., “Blog Posts”) via the element
settings. From there, bind design elements — like headings or images —
to specific CMS fields so each collection item automatically inherits
your styling (Webflow Collection
Lists Tutorial
). You can also filter, sort, and paginate the
Collection List directly from its settings panel (Webflow Collection
Lists Tutorial
).

4. Connect your custom domain. Go to Site
settings → Publishing tab → Production
, click Add a
custom domain
, choose Quick connect domain,
and enter your domain. Webflow uses a service called Entri to
automatically authorize the connection with your DNS provider — just
search for your provider, sign in, and authorize the connection. This
process connects both the root domain and the www subdomain
automatically (Webflow
Help: Quick Connect Domain
). If your DNS provider isn’t supported by
Entri, you’ll need to manually add the DNS records instead (Webflow
Help: Quick Connect Domain
).

5. Add a paid Site plan before publishing to your custom
domain.
A custom domain requires at least the Basic plan — the
free Starter Site plan only supports the webflow.io subdomain (Webflow Pricing).

Step 4: Integrations to
Connect First

  1. Google Analytics or Webflow Analyze. Track visitor
    behavior from day one — either paste your Google Analytics tag into Site
    Settings, or add Webflow’s native Analyze add-on ($9/month, priced by
    session volume) for built-in page views, sessions, and click tracking
    (Webflow Pricing).
  2. Email marketing tool (Mailchimp, Klaviyo, etc.) via native
    form integrations or Zapier.
    Connect your form submissions to
    your email list provider so new leads flow automatically into your
    marketing funnel.
  3. Zapier or Make. Use these to connect Webflow forms
    and CMS updates to tools Webflow doesn’t natively support — CRMs, Slack
    notifications, or spreadsheets.
  4. Payment/ecommerce processor (if selling products).
    If you’re on an Ecommerce Site plan, connect your preferred payment
    gateway during store setup so checkout works before you promote the
    store publicly.

Step 5: Your First-Week
Checklist

Common Setup Mistakes to
Avoid

  • Publishing to a custom domain while still on the free
    Starter plan.
    Custom domains require at least the Basic Site
    plan — many beginners waste time troubleshooting a domain that simply
    isn’t supported on their current tier (Webflow Pricing).
  • Skipping DNS verification after connecting a
    domain.
    You must verify ownership of any connected custom
    domain before publishing live — an unverified domain will silently fail
    to go live (Webflow
    Help: Quick Connect Domain
    ).
  • Designing before planning content structure.
    Jumping straight into visual design without first defining your CMS
    Collections and fields often means rebuilding pages later once you
    realize you need dynamic content.
  • Ignoring responsive breakpoints. Webflow’s visual
    builder makes desktop design deceptively easy, but neglecting to check
    tablet and mobile breakpoints before publishing leads to broken layouts
    for a large share of visitors.

Pricing Comparison:
Webflow vs GoHighLevel

Feature GoHighLevel Webflow
Starting Price $97/month (Starter), or ≈$80.83/month effective on annual billing
(GoHighLevel
pricing
)
Free (Starter); first paid tier is $15/month (Basic, billed
annually) (Webflow
pricing
)
Free Plan Available No — only a 14-day free trial, credit card required (GoHighLevel pricing) Yes — free-forever Starter Site plan and free Starter Workspace, no
time limit (Webflow
pricing
)
Core Use Case All-in-one CRM, sales pipeline, and marketing automation platform
built for agencies and their clients
Visual website design, hosting, and CMS platform for building
custom-coded-quality websites without code
CRM/Automation Features Deep native CRM: pipelines, workflow automation, SMS/email/voice
campaigns, appointment booking, AI conversation bots, reputation
management, and white-label SaaS reselling (GoHighLevel pricing)
Minimal — no native CRM or sales automation; relies on third-party
integrations (e.g., via Zapier/Make) for lead nurturing
Website/Design Features Basic funnel/landing page and website builder included, but limited
compared to dedicated design tools (GoHighLevel pricing)
Industry-leading visual canvas, pixel-level design control, CMS
collections, custom interactions/animations, code export (Webflow pricing)
Ease of Use Steeper learning curve — powerful but feature-dense; agencies often
need onboarding time to master automations
Moderate learning curve for advanced design, but intuitive
drag-and-drop editor for basic sites
Best For Agencies, coaches, and service businesses that need to manage leads,
clients, and marketing campaigns end-to-end
Designers, marketers, and businesses that need a polished,
custom-designed website or blog with CMS
Free Trial Length 14 days, full feature access, on any plan (GoHighLevel pricing) No time-limited trial — free-forever limited plan instead (Webflow pricing)

Verdict: Which Should You
Choose?

Here’s the honest truth: GoHighLevel and Webflow aren’t really
competitors — they solve completely different problems. If you’re an
agency owner, coach, or consultant drowning in disconnected tools for
CRM, email, texting, and booking, GoHighLevel is the
clear pick — it consolidates your entire client-acquisition and
retention stack into one platform, and the SaaS Pro tier even lets you
resell it under your own brand for extra recurring revenue (GoHighLevel pricing). But
if your priority is a stunning, fully custom website or blog — the kind
that makes visitors stop scrolling — Webflow is
unmatched, giving designers total creative control plus a genuinely free
plan to start experimenting today (Webflow pricing). Many savvy
agencies actually use both: Webflow to build the beautiful front-end
site, and GoHighLevel behind the scenes to capture, nurture, and convert
the leads that site generates. So ask yourself: do you need to
manage clients and campaigns, or do you need to build a
beautiful site
? Answer that, and your decision makes itself.


Sources:GoHighLevel Official Pricing
Page
Webflow Official
Pricing Page
Webflow:
2026 Pricing Simplification Announcement


Ready to get started? Get Started with Webflow →

Webflow lets you build and preview an entire professional website for
free before you ever enter a credit card — sign up now, pick a template
that fits your project, and you can have a real site structure live
within your first session. Because upgrading to a paid plan only happens
when you’re ready to connect a custom domain or unlock the CMS, there’s
effectively no risk in starting today and deciding on a plan once you
know exactly what your site needs.

Sai Nirukurti
Sai Nirukurtihttps://saasbuyerguide.com
Sai Nirukurti is the founder and editor of SaaSBuyerGuide.com, where he writes hands-on comparisons, setup guides, and buying advice for CRM, marketing, AI, and security software. With a background as an ERP Application Administrator, he focuses on the practical side of software evaluation — real pricing, real setup steps, and honest trade-offs — to help small businesses and growing teams choose tools with confidence.
RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular