.svg)
Introduction
This is your complete pre-launch checklist for launching a Webflow website — the one we follow on every project before handing off to a client. From initial backups to custom domain setup, follow these steps and you'll launch confidently, without missing anything critical.
Step 1: Create a Manual Backup
Why Backups Matter Before Launch
Before touching anything in the pre-launch process, create a manual backup of your project. This gives you a restore point if anything breaks during final QA, CSS cleanup, or settings changes.
How Webflow Backup Works
Webflow automatically saves copies of your site at intervals ranging from 15 minutes to two hours. But these auto-saves don't give you intentionally labeled restore points. Use the manual backup feature and name it clearly — something like "Pre-Launch Backup — [Date]" so you can find it instantly if needed.
- Go to the Designer and click the project name in the top-left corner
- Select "Backups" from the menu
- Click "Create Backup" and label it clearly
- Use backups as learning tools too — experiment safely knowing you can roll back
Step 2: Run a Google Lighthouse Audit
What Lighthouse Measures
Before launch, run a Google Lighthouse audit on your key pages. Lighthouse evaluates four dimensions: Performance, Accessibility, Best Practices, and SEO. The scores give you a diagnostic baseline and tell you exactly where to focus optimization efforts.
How to Run a Lighthouse Audit
Open Chrome DevTools (F12), go to the Lighthouse tab, and click Analyze Page Load. Run it on both desktop and mobile — mobile scores are typically lower and directly affect Google rankings. Aim for 80+ on all metrics before launch.
Step 3: Use Webflow's Built-In Performance Tools
CSS and JS Cleanup
Reducing unused CSS classes speeds up your site. In the Webflow Designer, use the built-in CSS and JS cleanup feature to identify and remove unused code. Always create a backup before running the cleanup — removing a class you're still using causes visual bugs.
Webflow's Built-In Publishing Checklist
Webflow includes a publishing checklist that surfaces common SEO and structural issues. Before launching, review it carefully and address every flagged item. Common items include missing meta tags, pages without titles, and images without alt text.
Step 4: Complete Manual QA Testing
Test Every Page on Multiple Devices and Browsers
Preview your site on different devices and browsers before launch. iOS Safari is consistently the most problematic browser — test it specifically. Check every page for:
- Responsive layout at all breakpoints (desktop, tablet, mobile)
- Correct font rendering and text sizing
- Image loading and correct display
- Animation and interaction behavior
- Navigation and menu functionality
Use BrowserStack for Extended Testing
BrowserStack lets you test your site across hundreds of real device and browser combinations remotely. For a professional client launch, it's worth running through at least 5–6 common device configurations before going live.
Test All Forms
Submit every form on the site with both valid and invalid data. Verify that success messages appear, confirmation emails are received, and required field validation works correctly. A broken form on launch day means missed leads.
Test All Links
Click every internal and external link on the site. Verify they're pointing to the correct URLs. Check that CTAs link to the intended pages. Use a broken link checker like Screaming Frog or Ahrefs Site Audit to catch any you miss manually.
Step 5: Fill In All SEO Settings
Meta Titles and Descriptions for Every Page
Set a unique SEO title and meta description for every page in the site. Titles should be 50–60 characters and include the target keyword. Meta descriptions should be 150–160 characters, summarize the page's value, and include a natural CTA.
- Never duplicate titles or descriptions across pages
- For CMS collection templates, use dynamic bindings to auto-populate meta fields
- Avoid keyword-stuffing in titles — write for humans first, search engines second
OpenGraph Images
Upload OpenGraph images for every key page. These are the preview images that appear when your page is shared on social media — and they directly affect click-through rates. Recommended size: 1200×630px.
Spellcheck Every Page
Use a Chrome grammar and spellcheck extension to review every page before launch. Typos on a homepage or services page undermine credibility instantly.
Edit Your 404 Page
Customize the 404 error page in the Utility Pages tab. Include a helpful error message, a link back to the homepage, and optionally links to your most important service pages. A well-designed 404 page recovers lost visitors instead of losing them entirely.
Step 6: Configure Site Settings
Favicon and Webclip
Upload your company logo as a favicon (the small icon in browser tabs) and webclip (the icon that appears when users save your site to their phone home screen). Both live in Site Settings — a small detail that makes a professional impression.
Analytics Integration
Connect Google Analytics 4 and Google Tag Manager before launch. In Webflow, go to Site Settings → Integrations → Google Analytics and paste your GA4 Measurement ID. Set up GA4 in your Google Analytics account first and copy the measurement ID from Data Streams.
Enable Automatic Sitemap Generation
Go to Site Settings → SEO and enable automatic sitemap generation. Your sitemap will be available at yourdomain.com/sitemap.xml. After launch, submit it to Google Search Console to help Google discover and index your pages faster.
Language and Time Zone Settings
Set your site's language in Site Settings. This helps search engines understand the geographic and language targeting of your site — important for local SEO and international visibility.
Step 7: Final Lighthouse Audit
Measure Your Progress
After completing all pre-launch optimizations, run another Google Lighthouse audit. Compare scores to your baseline from Step 2. This confirms your optimizations worked and gives you a clean pre-launch performance benchmark you can track against post-launch.
Target scores before launch:
- Performance: 80+ (mobile), 90+ (desktop)
- Accessibility: 90+
- Best Practices: 90+
- SEO: 95+
Step 8: Connect Your Custom Domain and Launch
Domain Setup in Webflow
- Purchase your domain (through Webflow or a separate registrar)
- Go to Project Settings → Hosting tab
- Add your custom domain (enter the root domain without www or https://)
- Update your DNS records at your domain registrar to point to Webflow's servers
- DNS propagation takes 1–24 hours — plan for this in your launch timeline
When to Launch
Launch on a Tuesday, Wednesday, or Thursday. Never on Friday — if something breaks, you need to be available to monitor and fix it. Set up Google Search Console before launching so you can immediately track indexing after the DNS switch.
For a deeper look at how to prepare for a full migration, see our WordPress to Webflow migration guide. For SEO setup post-launch, see our Webflow SEO best practices guide.
Conclusion
A clean Webflow launch comes down to discipline: systematic testing, complete SEO setup, proper configuration, and a final review before the DNS switch. Use this checklist on every launch and you'll avoid the most common mistakes that cause post-launch scrambling.
Need a team to build and launch your Webflow site the right way? Explore our Webflow services or book a free consultation →
