Build & launch checklist

A comprehensive checklist for taking a Webflow site from initial setup through development, QA, and launch.

build-and-launch-checklist.md

Ready for Claude, Cursor, or ChatGPT.
Download .md ↓

1. Workspace, site, & team setup

0/9 checked

Get your Enterprise Workspace, team access, and core site settings in place before the build begins.

Add your site to your Enterprise Workspace

Create a new site from scratch, a template, or Webflow AI, or transfer an existing site into your Enterprise Workspace. Once your site has been added, coordinate with your Webflow account team or Webflow Support to confirm it's provisioned with the appropriate Enterprise Site plan and features before beginning development.

Where: Webflow Dashboard; Site settings > Plans

↳ Resources

Name your Webflow site

Give your site a descriptive name that team members can easily identify in the Webflow Dashboard.

Where: Site settings > General

Define team responsibilities, roles, and publishing workflows

Identify who is responsible for designing, developing, managing content, reviewing changes, and publishing your site. Establish clear review and approval workflows, then invite collaborators to your Workspace or individual sites and assign roles and permissions based on their responsibilities. Use custom roles and granular access controls where applicable to your Enterprise setup.

Where: Workspace settings > Members; Site settings > Members

↳ Resources

Set your staging domain

Configure the staging domain your team will use to preview, test, and review changes before publishing to production. Enterprise teams may also use a custom staging domain to align with their existing review workflows.

Where: Site settings > Publishing > Staging

↳ Resources

Enable private staging

If your Enterprise team requires restricted access to staging, enable private staging so only authenticated Workspace members and authorized guests can view the site. Publish the change for the setting to take effect.

Where: Site settings > Publishing > Staging

↳ Resources

Disable staging domain indexing

Prevent search engines from indexing the Webflow staging subdomain so visitors are directed toward your intended production URLs.

Where: Site settings > SEO > Indexing

↳ Resources

Upload your favicon and WebClip

Add branded icons for browser tabs, bookmarks, and mobile home screens. Upload an appropriate square image and use Webflow's icon settings to generate the required sizes. Consider a separate dark-mode favicon if needed.

Where: Site settings > General > Icons

↳ Resources

Set your site's time zone

Choose the time zone used for scheduled CMS publishing. Make sure collaborators understand the site's time zone, particularly when working across regions.

Where: Site settings > General

↳ Resources

Set your site's language code

Set the appropriate primary language or locale code to help browsers, screen readers, and translation tools interpret your content correctly.

Tip: If you're using Webflow Localize, locale-specific language codes are managed through the Localize panel and override the legacy language-code setting in Site settings.

Where: Site settings > General; Localize panel > Locales

↳ Resources

Plan for Webflow Localize (if applicable)

If you're using Webflow Localize to support multiple languages or regions, plan which locales you'll offer, how localized URLs will be structured, and how your team will manage translations, localized content, and publishing. Follow the dedicated Localize checklist for detailed guidance.

Where: Localize panel > Locales

↳ Resources

Remove Webflow branding

Review the Webflow branding settings and disable the "Made in Webflow" badge where appropriate to maintain a consistent branded experience.

Where: Site settings > General

↳ Resources

Upload custom fonts in WOFF2 or WOFF format

Use web-optimized font files to minimize downloads and improve compatibility. WOFF2 is recommended for modern browsers. Where appropriate, use variable fonts to reduce the number of font files required.

If you're using Google Fonts, consider downloading and uploading them as custom fonts rather than relying on the Google Fonts API, particularly where privacy requirements apply.

Where: Site settings > Fonts

↳ Resources

Review font-display settings

Use font-display: swap where appropriate so text remains visible using a fallback font while custom fonts load. Review the display behavior for your uploaded fonts and any third-party font integrations.

Where: Site settings > Fonts

↳ Resources

Set fallback fonts for custom fonts

Review the automatically assigned fallback fonts for your custom font families. Choose suitable alternatives to help maintain readability and layout consistency if custom fonts fail to load.

Where: Site settings > Fonts

↳ Resources

2. Design planning & handoff

0/9 checked

Agree on how designs will translate to Webflow, then hand off the assets and specs developers need.

Plan how your design system will translate to Webflow

Before handing off your designs, align on how styles, components, and layouts will be implemented in Webflow. Consider whether to use an existing CSS or Webflow framework, and establish naming conventions, responsive behavior, spacing systems, and reusable design patterns. These decisions help reduce rework and create a more maintainable site.

↳ Resources

Consider using the Webflow MCP (if applicable)

If your team uses compatible AI tools, explore the Webflow MCP server to assist with design-system setup, creating and editing pages, or managing site content. Confirm supported capabilities and permissions before incorporating MCP into your workflow.

↳ Resources

Provide font files

Provide the approved font families, styles, and weights used in your designs. Limit unnecessary font variants to help keep the site performant, and include licensing or usage information where relevant.

Provide your color palette with web color values

Document your brand colors using web-ready values such as HEX, RGB, or HSL. Include meaningful names and intended uses for primary, secondary, neutral, and semantic colors.

Define design tokens for commonly used colors, sizes, and fonts

Identify reusable values for colors, typography, spacing, and sizing. Establish consistent naming conventions and document how these design tokens should map to Webflow variables during implementation.

↳ Resources

Export optimized images and file types

Prepare images and other visual assets at appropriate dimensions and compression levels. Use SVG for suitable vector assets and consider WebP or AVIF for raster images, based on compatibility and quality requirements.

Test color contrast for accessible design

Check contrast between text, icons, interface elements, and their backgrounds. Address contrast issues during design rather than waiting until the site is built.

↳ Resources

Design for responsive breakpoints

Align design frames with Webflow's available breakpoints while ensuring layouts can adapt fluidly between viewport sizes. Document how key elements should resize, stack, or reflow.

↳ Resources

Create a responsive typography style guide

Provide a consistent typography scale for headings, paragraphs, labels, and other text styles. Document how font sizes, line heights, and spacing change across breakpoints.

↳ Resources

Use consistent container sizes

Establish standard content widths and container patterns to maintain visual consistency and reduce unnecessary styling variations during implementation.

Apply a consistent vertical spacing system

Use a defined spacing scale throughout your designs and document how spacing adapts to different layouts and breakpoints.

Provide styles for interactive states

Design important states such as hover, keyboard focus, active, disabled, and open. Include interaction details where appropriate so developers can implement consistent and accessible behavior.

↳ Resources

Provide success and error states for forms

Design form validation, success, and error states. Include clear messaging and accessible feedback so visitors understand what happened and how to resolve problems.

↳ Resources

Provide empty states for Collection lists

Design what visitors should see when a Collection list has no items. Use helpful text or relevant next steps instead of relying on the default empty state.

↳ Resources

Provide a 404 page design

Design an informative 404 page that helps visitors recover from a broken or unavailable URL and navigate to relevant content.

↳ Resources

Provide a password-protected page design

Create a branded experience for password-protected content, including clear instructions and appropriate error messaging.

↳ Resources

Provide a search results page design

If your site uses Webflow Site search, design the search results page, including result styling and helpful messaging for unsuccessful searches.

↳ Resources

3. Design system build

0/9 checked

Turn your design decisions into reusable variables, classes, and components the rest of the site builds on.

Set up your chosen CSS or Webflow framework (if applicable)

If your team selected a framework during design planning, set it up in Webflow before creating additional styles and components. Follow its conventions and adapt the framework to your approved design requirements.

Where: Designer

↳ Resources

Create variables for colors, sizes, and fonts

Create reusable Webflow variables based on the design tokens defined during handoff. Organize and name them consistently so your team can maintain shared values across the site.

Where: Designer > Variables panel

↳ Resources

Create a style guide page

Build a centralized style guide page showing your typography, colors, spacing, buttons, forms, and reusable patterns. Include representative elements to make testing and maintenance easier.

Tip: Preserve examples of classes that custom code or other integrations depend on before running automated style cleanup.

Where: Designer > Pages panel

↳ Resources

Create global utility classes

Create reusable classes for frequently used styles such as spacing, alignment, typography, and layout. Follow the naming conventions established during design planning.

Where: Designer > Style panel

↳ Resources

Create combo classes to extend base classes

Use combo classes to build variations of existing classes without duplicating complete style definitions.

Where: Designer > Style panel

↳ Resources

Create color styles

Create reusable text, background, border, and other color classes where appropriate. Connect these styles to your color variables to maintain consistency.

Where: Designer > Style panel

↳ Resources

Create size and spacing styles

Build reusable classes for common dimensions, padding, margins, and gaps. Connect values to variables where practical and avoid unnecessary spacer elements.

Where: Designer > Style panel

↳ Resources

Style typography classes

Create classes for headings, paragraphs, labels, and other text patterns. Use consistent font, size, and spacing variables to simplify maintenance.

Where: Designer > Style panel

↳ Resources

Add default styles to HTML tags

Define default typography and other foundational styles for HTML elements. Use classes to override those defaults where needed.

Where: Designer > Style panel

↳ Resources

Style links and buttons

Create consistent classes for text links, link blocks, and buttons. Build variations using your design system's established patterns.

Where: Designer > Style panel

↳ Resources

Style interactive element states

Implement hover, focus, active, and other relevant states. Make keyboard focus indicators clearly visible and ensure state changes communicate meaning.

Where: Designer > Style panel

↳ Resources

Style layout classes

Build reusable layout patterns using grid, flexbox, and other appropriate display settings. Define how these patterns respond at different breakpoints.

Where: Designer > Style panel

↳ Resources

Style form elements and their states

Apply consistent styles to form inputs, labels, buttons, validation messages, and success and error states.

Where: Designer > Style panel

↳ Resources

Style rich text elements and nested tags

Create consistent styles for rich text content, including headings, lists, links, and other nested elements. Use an appropriate class on the Rich text element when its styles need to differ from the site's global defaults.

Where: Designer > Style panel

↳ Resources

Create components for recurring layouts and content

Use components for repeated patterns such as navigation bars, footers, and common content sections. Use component properties where individual instances need unique content, and avoid unnecessary complexity or excessive nesting.

Where: Designer > Components panel

↳ Resources

Organize global custom CSS (if applicable)

If your site requires additional global CSS, consolidate it in a maintainable location. Use a shared Embed component for appropriate Designer-previewable CSS or an externally hosted stylesheet for larger implementations.

Where: Designer; Site settings > Custom code

↳ Resources

4. Site build

0/9 checked

Build your site's static and dynamic pages, connect the services your team needs, and implement accessibility, SEO, and AEO best practices throughout development.

4.1. Static pages

Structure your static pages and URL paths, and set up the utility pages and locales your site needs.

Construct URL structures with folders (where applicable)

Organize related static pages into folders to create logical URL paths and make your site easier to navigate and maintain.

Where: Designer > Pages panel

↳ Resources

Streamline workflows with collaboration features

Use available collaboration features, such as page branching and real-time collaboration, to coordinate work across designers, developers, and content teams.

Where: Designer

↳ Resources

Include utility pages

Build the utility pages defined during design handoff, such as the 404 page, password page, and search results page.

Where: Designer > Pages panel

↳ Resources

Configure your locales in Webflow Localize (if applicable)

If you're using Webflow Localize, configure your primary and secondary locales, their URL structures, and the options for navigating between languages or regions. Follow the Localize checklist for guidance on translating content, localizing assets and SEO settings, and managing publishing.

Where: Localize panel > Locales

↳ Resources

4.2. Dynamic pages

Plan your CMS schema, prepare content for import, and set up the pages and URLs that CMS content will live on.

Plan your CMS schema

Define your CMS Collections, fields, relationships, and content requirements before building or importing dynamic content. A well-planned schema makes it easier to scale and maintain your site.

Where: Designer > CMS Collections

↳ Resources

Prepare dynamic content for import

Organize content from external sources and map it to your CMS schema. Use CSV imports, APIs, or supported MCP workflows where appropriate.

Where: Designer > CMS Collections; external data source

↳ Resources

Disable publishing for Collection template pages that shouldn't be live

Review the publishing settings for CMS Collections and template pages. Prevent empty, internal, or otherwise unnecessary Collection pages from being publicly published.

Where: Designer > CMS template page settings

↳ Resources

Construct URL structures for dynamic content

Use supported folders and Collection URL settings to create logical paths for CMS content.

Where: Designer > Pages panel; CMS template page settings

↳ Resources

4.3. Custom code

Set up where custom code is stored, tested, and hosted so it stays manageable and reliable in production.

Create a repository for project code (if applicable)

Use a version-controlled repository for custom JavaScript, CSS, and other site-specific code. Establish clear ownership and review practices so your team can track and manage changes.

Where: GitHub or another source-control platform

↳ Resources

Set up a development host for custom code (if applicable)

If your team uses externally hosted code during development, establish a suitable testing environment, such as GitHub Pages, that makes those files available to your Webflow staging site.

Where: External hosting service

↳ Resources

Host production custom code on a suitable CDN or server (if applicable)

Prepare production hosting for external code files. Choose infrastructure that supports reliable delivery, versioning, caching, and your team's security requirements.

Where: CDN or external server

↳ Resources

Use a tag management system for applicable scripts

Consider managing marketing, analytics, and other third-party tags through a tag management platform. This can centralize administration and provide more granular control over when and where scripts run.

Where: Tag management platform; Site settings > Custom code

↳ Resources

4.4. Integrations

Connect analytics, forms, and other third-party services, and set up consent management.

Verify site ownership in Google Search Console

Connect your site to Google Search Console using an appropriate verification method so your team can access search performance, indexing, and sitemap tools.

Where: Site settings > SEO; Google Search Console

↳ Resources

Connect Google Analytics (if applicable)

Set up Google Analytics using Webflow's integration or an approved tag management approach. Avoid installing duplicate tracking tags.

Where: Site settings > Apps & Integrations

↳ Resources

Add a Google Maps API key (if applicable)

If you're using Webflow's Map element, configure a Google Maps API key and restrict it appropriately for your site's domains.

Where: Site settings > Apps & Integrations

↳ Resources

Set up Meta Pixel tracking (if applicable)

Configure Meta Pixel using your team's approved integration or tag management method. Coordinate with your consent setup and avoid duplicate pixel events.

Where: Site settings > Apps & Integrations; tag management platform

↳ Resources

Connect Webflow forms to Marketo or HubSpot (if applicable)

Map Webflow form fields to your marketing platform using an appropriate native integration or App. Confirm data fields and submission destinations before testing.

Where: Designer > Form settings; Apps & Integrations

↳ Resources

Connect forms to other third-party tools (if applicable)

Configure webhooks, custom actions, or Apps to send form submission data to other services. Review the data flow, security requirements, and any limitations of your chosen method.

Where: Designer > Form settings; Apps & Integrations

↳ Resources

Add custom integrations or Apps (if applicable)

Connect the additional services your site needs using Webflow Apps, approved custom code, or APIs. Document configuration details and dependencies so they can be reviewed during QA.

Where: Apps & Integrations; Site settings > Custom code

↳ Resources

Configure consent management (if applicable)

If your site uses tracking technologies that require visitor consent, implement an appropriate consent management solution. Coordinate consent behavior with analytics, Webflow Analyze or Optimize, and third-party integrations. Confirm the configuration doesn't inadvertently prevent essential functionality, such as form submissions.

Where: Consent management platform; Site settings > Custom code

↳ Resources

4.5. Accessibility

Build in accessibility from the start so people of all abilities can navigate, understand, and use your site.

Use semantic HTML and a logical content structure

Choose appropriate HTML elements for headings, lists, tables, and landmarks. Maintain a logical heading hierarchy and reading order.

Where: Designer > Canvas; Element settings; Audit panel

↳ Resources

Ensure sufficient color contrast

Check that text, icons, and essential interface elements have adequate contrast with their backgrounds, including when placed over images or video.

Where: Designer > Style panel

↳ Resources

Don't rely on color alone to convey information

Pair colors with labels, text, icons, or other indicators to communicate status, errors, and important information.

Where: Designer > Canvas; Style panel

↳ Resources

Include alt text for meaningful images

Write descriptive alternative text for informative images and mark decorative images appropriately. Avoid putting meaningful text into images unnecessarily.

Where: Designer > Assets panel; Image settings

↳ Resources

Make interactive elements keyboard accessible

Ensure visitors can use navigation, links, buttons, menus, modals, and other interactive controls with a keyboard. Avoid keyboard traps and illogical focus order.

Where: Designer > Canvas; Element settings

↳ Resources

Clearly style keyboard focus states

Provide visible focus indicators for links, buttons, form inputs, and other interactive elements.

Where: Designer > Style panel

↳ Resources

Include a skip-to-main-content link

Provide a keyboard-accessible link that lets visitors bypass repeated navigation and reach the primary content directly.

Where: Designer > Canvas

↳ Resources

Use descriptive links and accessible controls

Write meaningful link and button labels, give icon-only controls accessible names, and use semantic elements or appropriate ARIA attributes.

Where: Designer > Canvas; Element settings

↳ Resources

Make forms easy to understand and complete

Provide clear labels, instructions, required-field indicators, and error messages. Ensure forms can be used and submitted using a keyboard.

Where: Designer > Form settings

↳ Resources

Ensure content remains accessible when resized

Test text resizing, browser zoom, and responsive layouts. Ensure content remains usable without clipping, overlap, or unnecessary horizontal scrolling.

Where: Designer > Style panel; Breakpoints

↳ Resources

Make interactive elements easy to see and use

Provide appropriately sized click and touch targets and clear visual feedback for different interaction states.

Where: Designer > Style panel

↳ Resources

Provide accessible alternatives and controls for media

Add captions, transcripts, audio descriptions, or equivalent alternatives as appropriate. Give visitors control over media playback and avoid unexpected autoplay with sound.

Where: Designer; media player

↳ Resources

Avoid excessive or harmful motion

Avoid flashing content, unnecessary scrolljacking, and distracting motion. Respect reduced-motion preferences where appropriate.

Where: Designer > Interactions; Style panel

↳ Resources

Use clear, inclusive language

Write understandable content using descriptive headings, concise sentences, and familiar language. Avoid instructions that depend only on appearance or position.

Where: Designer > Canvas

↳ Resources

‍

‍↳ Want to go deeper on accessibility? This list covers some key accessibility tasks. We also have a full accessibility checklist if you want to go deeper. Explore the full Webflow Accessibility checklist →

‍

4.6. SEO & AEO

Structure your content and metadata so search engines and AI answer engines can find and interpret it.

Organize content with a clear page and URL structure

Group pages and CMS content by topic and user needs. Create descriptive URLs and logical hierarchies that are easy to navigate and maintain.

Where: Designer > Pages panel; CMS Collections

↳ Resources

Use descriptive headings and well-structured content

Organize pages with clear primary headings, meaningful subheadings, and semantic content structures.

Where: Designer > Canvas

↳ Resources

Create helpful content that answers user questions

Write accurate, relevant content that meets your audience's needs. Address important questions clearly and include enough context to support understanding.

Where: Designer > Canvas; CMS Collections

↳ Resources

Plan SEO metadata for static and CMS pages

Write unique page titles and meta descriptions. Use dynamic CMS fields where appropriate to manage metadata at scale.

Where: Designer > Page settings > SEO settings

↳ Resources

Add relevant structured data

Implement suitable structured data for your page types. Ensure markup is accurate, relevant, and consistent with visible page content.

Where: Page settings > Custom code

↳ Resources

Build meaningful internal links

Connect related pages and content through relevant internal links with descriptive anchor text.

Where: Designer > Canvas; CMS Collections

↳ Resources

5. Pre-launch

0/9 checked

Review security, performance, and cleanup, then run QA across functionality, accessibility, SEO, and AEO.

5.1. Security & configuration

Lock down security headers and add required site files before you publish.

Review secure frame headers

Determine whether your site should be prevented from appearing inside iframes. Enable secure frame headers where appropriate to help protect against clickjacking.

Where: Site settings > Publishing > Advanced publishing options

↳ Resources

Configure and test custom security headers

If your Enterprise site requires custom security headers, work with your security team to determine the appropriate directives. Test the configuration carefully to avoid breaking site functionality or required integrations.

Where: Site settings > Publishing > Custom Headers

↳ Resources

Upload a well-known file (if applicable)

Add required .well-known files for supported verification, security, or deep-linking workflows. Confirm the file format and contents meet the requirements of the relevant service.

Where: Designer > Assets panel

↳ Resources

5.2. Site optimization

Optimize images, fonts, and scripts to keep load times fast and layouts stable.

Optimize image sizes and dimensions

Compress images and size them appropriately for their displayed dimensions. Use approximately 200 KB as a useful optimization target where practical, rather than a strict requirement for every image.

Where: Designer > Assets panel

Convert images to WebP or AVIF where appropriate

Use modern image formats (e.g., WebP or AVIF) when they provide smaller files without unacceptable quality loss. This helps web pages load faster and saves website storage space.

Note: Check which browsers support WebP or support AVIF.

Where: Designer > Assets panel

↳ Resources

Eagerly load critical above-the-fold images

Review images that are immediately visible when a page loads, particularly important hero or navigation images. Avoid lazy loading images that are critical to initial rendering.

Where: Designer > Image settings

↳ Resources

Lazy load below-the-fold images

Defer loading noncritical images until they're needed to reduce initial page weight and improve loading performance.

Where: Designer > Image settings

↳ Resources

Specify image dimensions

Ensure images have appropriate dimensions or reserved layout space to reduce unexpected shifts as the page loads.

Where: Designer > Image settings; Style panel

↳ Resources

Remove unused custom fonts and font variants

Remove unneeded font files and references to reduce asset downloads and CSS overhead. Check where a font is used before deleting it.

Where: Site settings > Fonts; Designer

↳ Resources

Remove unused custom code

Review global and page-level custom code. Remove scripts, styles, and embeds that are no longer needed.

Where: Site settings > Custom code; Page settings

↳ Resources

Review third-party scripts

Audit analytics, marketing, consent, chat, and other vendor scripts. Confirm each loads only where needed and follows the vendor's recommended configuration.

Where: Third-party platforms; Site settings > Custom code

Review asynchronous and deferred script loading

Consider async or defer for eligible external scripts to reduce render-blocking behavior. Test each change because some scripts depend on execution order.

Where: Site settings > Custom code

↳ Resources

Minify HTML, CSS, and JavaScript

Enable the appropriate minification options to reduce published code size. Test the site after making changes.

Where: Site settings > Publishing > Advanced publishing options

↳ Resources

Evaluate asynchronous JavaScript and Per page CSS settings

Consider Webflow's available optimization settings, including Per page CSS and asynchronous JavaScript where supported. Test custom code, shared Libraries, and interactions carefully before enabling them in production.

Where: Site settings > Publishing

↳ Resources

5.3. Designer cleanup

Remove unused styles, interactions, components, and assets, and keep unfinished pages unpublished.

Draft or password-protect internal pages

Prevent internal, unfinished, or private pages from being published publicly when they aren't intended for visitors.

Where: Designer > Page settings

↳ Resources

Test publishing permissions for each relevant role

Verify that team members can publish only the site changes or CMS content permitted by their roles.

Where: Designer; Workspace and Site settings

↳ Resources

Clean up unused CSS classes

Identify and remove unused classes to reduce unnecessary styles and keep your design system maintainable. Preserve classes required by custom code or other dependencies.

Where: Designer > Style selectors panel

↳ Resources

Clean up unused interactions and animations

Remove obsolete interaction triggers and animations to reduce clutter and avoid unnecessary code.

Where: Designer > Interactions panel

↳ Resources

Remove unused components

Delete components that are no longer part of the site, including unused framework or template components.

Where: Designer > Components panel

↳ Resources

Delete unused assets

Review the Assets panel and remove files that aren't required by the final site. Confirm an asset isn't referenced elsewhere before deleting it.

Where: Designer > Assets panel

↳ Resources

5.4. Backups

Create restore points so you can recover quickly if anything goes wrong at launch.

Create a named pre-launch backup

Create a clearly labeled backup restore point before launching. This provides a reference version that your team can return to if needed.

Tip: If significant changes are made after QA, consider creating another named backup before launch.

Where: Designer > Settings panel > Backups; Site settings > Backups

↳ Resources

Duplicate your site as an additional backup (if applicable)

If permitted by your plan and workflow, duplicate the site to create an additional independent copy. Remember that a duplicate does not preserve every aspect of the original site's history or configuration.

Where: Webflow Dashboard; Site settings

↳ Resources

5.5. Site functionality QA

Test layouts, forms, interactions, and integrations on staging to catch issues before visitors do.

Record a pre-launch performance baseline

Run PageSpeed Insights or Lighthouse against suitable staging URLs and record results for representative desktop and mobile pages. Compare performance again after launch.

Where: Published staging site; third-party tools

↳ Resources

Test all breakpoints and responsive layouts

Review pages across relevant screen sizes, including real mobile and desktop devices. Check for layout issues, overflow, missing content, and unexpected changes.

Where: Designer > Breakpoints; published staging site

Complete cross-browser testing

Confirm that key pages and interactions work correctly across the browsers and operating systems your audience uses.

Where: Published staging site

Test localized pages and functionality (if applicable)

If you're using Webflow Localize, test translations, navigation, links, forms, locale switching, localized SEO settings, URL routing, and locale publishing status.

Where: Published staging site; Localize panel

↳ Resources

Verify form configuration and notifications

Confirm forms have descriptive names and the correct submission destinations. Check notification recipients, field names, and connected services.

Where: Designer > Form settings; Site settings > Forms

↳ Resources

Test forms and submissions

Complete realistic form submissions, including required-field validation, success and error states, and any downstream integrations. Remove test data when appropriate and permitted.

Where: Published staging site; Site settings > Forms

↳ Resources

Test tab elements and default active tabs

Verify that tabs show the correct content, use the intended default active tab, and function properly across relevant devices.

Where: Designer; published staging site

Test modals, tooltips, lightboxes, and other interactive elements

Check that interactive elements open, close, and respond to user input as expected. Include keyboard and responsive behavior where relevant.

Where: Published staging site

Test interactions and animations

Confirm interactions play correctly and don't prevent visitors from navigating or completing important actions. Test responsive and reduced-motion behavior where applicable.

Where: Designer > Interactions; published staging site

Test webhooks, API calls, and automations

Test each critical integration from the triggering action through the receiving system. Validate expected data, error handling, and logging where available.

Where: Published staging site; connected third-party tools

↳ Resources

Test analytics and conversion tracking

Verify that analytics tags and important conversion events fire as expected, subject to consent settings. Test form submissions, buttons, and other meaningful user actions.

Where: Published staging site; analytics platforms

↳ Resources

5.6. Accessibility QA

Audit and manually test with a keyboard and screen reader to confirm your site works for everyone.

Audit accessibility across your site

Run automated audits and manual reviews to identify accessibility issues. Prioritize problems that prevent visitors from completing important tasks.

Where: Designer > Audit panel; third-party tools

↳ Resources

Test keyboard accessibility

Navigate important pages and user journeys using only a keyboard. Check logical tab order, visible focus indicators, and keyboard-accessible controls.

Where: Published staging site

↳ Resources

Test screen reader compatibility

Test critical pages and workflows with screen readers. Confirm content order, headings, links, landmarks, forms, and interactive controls are understandable.

Where: Published staging site; screen reader

↳ Resources

‍

‍↳ Want to go deeper on accessibility? This list covers some key accessibility tasks. We also have a full accessibility checklist if you want to go deeper. Explore the full Webflow Accessibility checklist →

‍

5.7. SEO & AEO QA

Verify metadata, structured data, indexing, and sitemaps so your site is ready to be found at launch.

Review SEO metadata across all pages

Check that page titles and meta descriptions are accurate, descriptive, and appropriately unique. Review dynamic metadata on CMS pages.

Where: Designer > Page settings > SEO settings

↳ Resources

Review Open Graph settings

Verify the titles, descriptions, and images displayed when site URLs are shared. Confirm dynamic Open Graph fields resolve correctly on CMS pages.

Where: Designer > Page settings > Open Graph settings

↳ Resources

Validate structured data and schema markup

Check that schema types and properties match the visible content and meet relevant validation requirements.

Where: Page settings > Custom code; validation tools

↳ Resources

Verify canonical URLs

Check that canonical tags point to the intended URLs and that pages don't emit conflicting canonical tags. Pay special attention to domain migrations, localized content, and reverse proxy setups.

Where: Site settings > SEO; Page settings

↳ Resources

Review indexing and crawling settings

Ensure public pages can be discovered and internal or excluded content is handled appropriately. Check page indexing controls, robots.txt directives, and staging indexing.

Where: Site settings > SEO; Designer > Page settings

↳ Resources

Review and configure your sitemap

Ensure the sitemap contains the intended public URLs. Use Webflow's auto-generated sitemap or a custom sitemap as required, and plan to submit it to search engines after launch. For localized sites, review hreflang support.

Where: Site settings > SEO > Sitemap

↳ Resources

Check for broken links and configure 301 redirects

Crawl your site to identify broken links, unexpected error responses, and outdated paths. Repair links and set up redirects for URLs that have permanently changed.

Where: Site settings > Publishing > 301 redirects; third-party crawler

↳ Resources

Review content structure and discoverability

Confirm that important pages have useful content, clear headings, descriptive URLs, and relevant internal links. Check that key visitor questions are answered accurately and directly.

Where: Designer > Canvas; CMS Collections

↳ Resources

Plan how to track SEO and AEO performance

Establish a baseline for search visibility and determine how your team will monitor performance after launch. For AEO, consider tracking relevant AI citations, brand mentions, answer accuracy, and visibility trends using a consistent methodology.

Where: Google Search Console; Webflow Analyze or approved third-party tools

↳ Resources

6. Launch

0/9 checked

Connect your domain, publish to production, and confirm everything works on the live site.

Review reverse proxy requirements (if applicable)

If you're serving your Webflow site through a reverse proxy, follow the specialized Reverse Proxy checklist before launch. Confirm the origin domain, DNS, SSL, canonical URLs, routing, query string forwarding, and caching configuration. Don't use a Webflow staging subdomain as your reverse proxy origin.

Where: Site settings > Publishing; reverse proxy or CDN configuration

↳ Resources

Add your custom domains to Webflow

Connect the domains and subdomains your production site will use. Coordinate any special DNS or hosting requirements with your IT or infrastructure team.

Where: Site settings > Publishing > Production

↳ Resources

Verify domain ownership

Complete the required domain ownership verification steps before publishing your site to its production domain.

Where: Site settings > Publishing; DNS provider

↳ Resources

Set your default domain

Select the primary domain that visitors should use. Confirm that other connected domains redirect to the intended default domain.

Where: Site settings > Publishing > Production

↳ Resources

Update DNS records with Webflow's values

Update your domain's DNS records using the current values displayed in Webflow. Confirm that the domain is connected and SSL is active before publishing.

Tip: Follow the instructions shown in your Webflow Dashboard, especially if your site is part of a hosting or DNS migration.

Where: DNS provider; Site settings > Publishing

↳ Resources

Publish your site to production

After your domain configuration is ready and pre-launch checks are complete, publish your site to the appropriate production domain.

Where: Designer > Publish; Site settings > Publishing

↳ Resources

Verify your live site after publishing

Visit your production URLs and verify that critical pages, navigation, forms, redirects, analytics, and integrations work correctly. Check for production-only issues that may not have appeared in staging, and confirm that your sitemap and indexing settings reflect the live domain.

Where: Published production site; third-party monitoring tools

↳ Resources