Productivity - Setup Guide
How to set up Webflow
Otto's honest, no-fluff walkthrough. Every step here is what we'd actually do if we were sitting at your keyboard. Real gotchas first, real steps second, and a link to the personalized version at the bottom.
What you're signing up for
Medium to Hard. Not a template dropdown. Real learning curve on the Designer (flexbox, grid, style hierarchy). Webflow University is genuinely good and mostly free. Budget a week to get productive if
Read these before you start
- Site plan and workspace plan are separately billed
- CMS item limits are hard caps. Blog with more than 2,000 posts on Basic will bite you
- Ecommerce transaction fee is 2% on non-enterprise plans on top of Stripe fees
- Client billing setup exists but agency workflows still feel like work
- Localization (multi-language) is a paid add-on
- Migrating off Webflow is painful. You export HTML/CSS but lose the CMS
The 7-step setup
- 1
Create your Webflow account
Sign up at the link below. Free tier available - no card required. Use your business email so you can invite teammates later.
Open Webflow signup - 2
Complete the initial onboarding
Skip the marketing questionnaires when you can. Fill only the fields that actually configure the product - name, timezone, your first workspace or project. If Webflow pushes you into a setup wizard, take it - it usually accelerates the first productive session.
- 3
Connect your existing tools
Wire Webflow into the rest of your stack. The integrations that most people set up first: Stripe, PayPal, Zapier, Make, HubSpot, Mailchimp, Google Analytics, GA4, Google Tag Manager, Meta Pixel, Segment, Airtable, Memberstack, Outseta, Jetboost, Finsweet Attributes, Weglot, custom code embed.. Do these before importing data - clean integration first, data second.
- 4
Import your existing data (only what you'll actually use)
Do NOT bulk-import everything. Import the last 30 days of the ONE workflow you're moving over first. Prove it works. Then import more. Big-bang migrations are how Webflow deployments die in month 3.
- 5
Set up your first real workflow
Pick the single most-frequent task you'll do in Webflow - the daily-driver workflow. Configure it end-to-end. Use it live for a week. Do not touch any other feature yet. Adoption failure comes from teams trying to use everything on day one instead of the one thing that actually pays.
- 6
Add your team (if applicable) and set access
Once your solo workflow works, invite one teammate at a time. Watch them use it. The friction points you missed are the ones they hit. Fix those before scaling to more users. Never invite 20 people at once - you'll get 20 confused people and 0 useful feedback.
- 7
Compound with the right pairings
Recommend Webflow when: the user is a designer or agency, the pain_point is "our site looks like a template" or "we can't ship changes without a developer," and the business_size is 1-50. Best fit for marketing sites, portfolios, and B2B SaaS landing pages where design matters more than transaction volume. Pairs with HubSpot or Kit for lead capture, Stripe for one-off checkouts, Memberstack for gated content. Do NOT recommend for high-SKU ecommerce (Shopify), content-farm blogs (WordPress), or c...
Pricing you'll hit
- Free Starter: 2 pages, webflow.io subdomain, testing only - Basic site plan: ~$14/mo, hosting, custom domain, 500 form submissions - CMS site plan: ~$23/mo, 2,000 CMS items, 1,000 form submissions - Business site plan: ~$39/mo, 10,000 CMS items, higher traffic, form file uploads - Enterprise: quote, SSO, advanced security, guaranteed uptime SLA - Workspace plans (per designer): Starter free, Cor...
Want it personalized to YOUR business?
Otto builds a custom Webflow setup for your exact context.
The steps above are the universal path. Run a 30-second scan and Otto tailors them to your industry, team size, existing stack, and the specific pain points you're trying to fix.
Get my personalized setup