0%
Connect your custom domainProject Settings → Publishing → Add custom domain. Enable SSL and set
as the default domain.
Must
Set project name, description and
faviconProject Settings → General. Favicon: 32×32px. A
good favicon is a subtle but real trust signal.
Must
Choose the correct Webflow plan for your
siteBasic for static sites, CMS plan for blog/dynamic
content, Business for high traffic. Don't over-buy.
Must
Set up team collaborator roles and
permissionsInvite editors and designers with the right
access level — not everyone needs Designer access.
Should
Disable the Webflow.io subdomain after going
liveProject Settings → Publishing → Disable the staging
subdomain to avoid duplicate content issues.
Must
Configure Open Graph default image and
titleProject Settings → SEO. A default OG image ensures
good social sharing previews on every page.
Must
Test the site on mobile, tablet and
desktopUse Webflow's responsive preview. Check all
breakpoints — especially tablet and mobile landscape.
Must
Review and clean up unused styles and
classesStyle Manager → clean up orphaned classes before
launch to keep your project lean and maintainable.
Should
Not sure which Webflow plan fits your project?
Our team has launched 50+ Webflow sites. We'll advise on plan, structure and CMS setup — free 30-min call.
0%
Define and apply global colour swatches and
typographyUse Webflow Variables (Global Swatches) for
brand colours. Set H1–H6 and paragraph styles in the Style Manager.
Must
Build and use reusable Symbols /
ComponentsNav, footer and repeated UI blocks should be
Symbols. Changes propagate site-wide and keep design consistent.
Must
Ensure correct heading hierarchy on every
pageEach page should have exactly one H1. Use H2–H6 for
sub-sections. This affects both SEO and accessibility.
Must
Design a 404 page and link it in
settingsProject Settings → Publishing → 404 page.
Include navigation and featured content to recover lost visitors.
Should
Check colour contrast ratios meet WCAG AA
standardsText must have a 4.5:1 contrast ratio for
normal text. Use a contrast checker tool before launch.
Must
Verify all buttons and links have hover /
focus statesKeyboard users and accessibility rely on
visible focus states. Don't set outline: none without an alternative.
Must
Add alt text to all imagesIn the Asset Manager or image settings. Describe the image naturally
— this aids SEO, screen readers and accessibility.
Must
Proof-read all copy across every
pageSpelling errors damage credibility. Use a browser
extension or copy
everything into a doc for a final review pass.
Must
0%
Define CMS Collections with the correct field
typesPlan your content model before building. Adding
fields later is easy; removing them can break templates.
Must
Populate all CMS collections with real
contentRemove all placeholder / lorem ipsum content.
Real content often reveals layout issues you wouldn't otherwise catch.
Must
Set SEO title and meta description for every
CMS itemUse dynamic fields bound to CMS data in the SEO
settings of your Collection Template page.
Must
Configure CMS item slug / URL
structureKeep slugs short, lowercase and keyword-rich.
E.g. /blog/webflow-seo-guide not /blog/cms-item-123.
Should
Set up Reference and Multi-reference fields
correctlyLink related content — e.g. blog posts to
authors or categories. Avoids content duplication and enables filtering.
Should
Test CMS filtering, sorting and
paginationIf using Collection Lists with filters, test
edge cases — e.g. no results state, many results, single result.
Must
Give editors a tour and document the CMS
workflowRecord a Loom or write a short guide. Editors
should know how to add/edit/publish content without your help.
Should
Configure Webflow Editor access for the
clientTransfer the site to the client's workspace or
invite them as an Editor so they can manage content independently.
Must
Need help structuring your Webflow CMS for scalability?
Tupple Agency designs CMS architectures that grow with your business — free 30-min consultation.
0%
Test all interactions on mobile
devicesHover interactions don't work on touch screens.
Replace hover-only states with click/tap equivalents on mobile.
Must
Respect prefers-reduced-motion for
animationsAdd a CSS media query to disable or reduce
motion for users who have this accessibility preference enabled.
Should
Ensure no interaction causes layout
shiftAnimations that change width/height cause CLS.
Prefer transforms (translateX/Y, scale) over layout properties.
Must
Confirm the hamburger nav works correctly on
mobileTest open, close, and navigation to a page. Ensure
the nav closes after a link is clicked.
Must
Remove any unused or broken
interactionsCheck the Interactions Panel and delete
orphaned or test animations. They add dead weight to your published code.
Should
Test Lottie animations load and play
correctlyLottie files can be large. Ensure they are
optimised (use LottieFiles) and set to play correctly on scroll or load.
Nice
0%
Write unique SEO title and meta description
for every pageTitles under 60 chars, descriptions under
160. Include primary keyword naturally. Set in Page Settings → SEO.
Must
Submit sitemap.xml to Google Search
ConsoleWebflow auto-generates your sitemap at
yourdomain.com/sitemap.xml — submit it to get indexed faster.
Must
Verify robots.txt allows search engine
crawlingProject Settings → SEO → ensure "Disable
indexing" is NOT checked after launch. This is a common mistake.
Must
Connect Google Analytics 4Add your GA4 measurement ID in Project Settings → Integrations.
Verify the tag fires using GA4 DebugView.
Must
Set up 301 redirects for any old or changed
URLsProject Settings → Redirects. Preserves SEO equity
and prevents 404s for bookmarked or linked URLs.
Should
Add canonical tags to avoid duplicate
contentWebflow adds canonical tags by default. Verify
they point to the correct URLs, especially for CMS collection pages.
Should
Verify Open Graph and Twitter Card meta tags
per pageUse the Facebook Sharing Debugger and Twitter
Card Validator. Social previews affect click-through rates.
Should
Run Google PageSpeed Insights (target
80+)Page speed is a ranking factor. Fix major issues —
image optimisation and render-blocking scripts are common culprits.
Must
Want a full SEO and performance audit of your Webflow site?
Tupple Agency offers a free site audit — we'll identify the top 5 issues holding back your rankings and conversions.
0%
Test every form submits and sends
notificationsFill and submit each form in a real
browser. Check that confirmation emails arrive and form submissions appear in
Dashboard.
Must
Configure form success and error
statesAdd a friendly success message and a clear error
message. The default Webflow messages can feel too generic.
Must
Connect forms to your CRM or email marketing
platformUse native Webflow integrations or Zapier to
sync form submissions to Mailchimp, HubSpot, or your CRM of choice.
Should
Add reCAPTCHA or spam protection to
formsEnable Webflow's built-in spam protection in the
form settings. Critical for contact and lead forms.
Must
Embed and test any third-party tools (chat,
calendars, maps)Intercom, Calendly, Google Maps — test
that embeds render correctly across all browsers and viewport sizes.
Should
Add a cookie consent banner (GDPR /
CCPA)Required if you have EU or California visitors.
Use Webflow's built-in cookie banner or a third-party solution.
Should
Add Privacy Policy and Terms of Service
pagesLegally required in most countries. Link them in
the footer and within any data-collection forms.
Must
0%
Compress and convert all images to WebP or
AVIFUse Squoosh or TinyPNG before uploading. Large images
are the #1 cause of slow Webflow sites.
Must
Enable lazy loading for below-the-fold
imagesIn image settings, set loading to "Lazy". Reduces
initial page weight and improves LCP score.
Must
Minify custom JavaScript and CSS in the
projectWebflow minifies its own code. Ensure any custom
code you add in embeds is also minified.
Should
Remove unused third-party scripts and
embedsEach external script is a performance hit. Remove
anything that isn't actively used in production.
Must
Verify SSL is active and all URLs use
HTTPSWebflow provides SSL by default. Check for mixed
content warnings in the browser console after going live.
Must
Set explicit width and height on all images to
prevent CLSCumulative Layout Shift is a Core Web Vital.
Setting image dimensions prevents the page from jumping on load.
Should
Check all internal links point to the correct
pagesBroken internal links hurt SEO and UX. Use a tool
like Screaming Frog or check manually before launch.
Must
Test cross-browser compatibility (Chrome,
Safari, Firefox)Safari and Firefox can render things
differently. Test critical pages in all major browsers before going live.
Must
0%
Announce the launch on social media and via
emailPrepare posts, stories and an email blast before
going live. A coordinated announcement maximises day-one traffic.
Must
Monitor traffic and analytics after
48 hoursCheck traffic sources, bounce rates and top
landing pages in GA4. Identify and fix any unexpected drop-offs.
Must
Set up heatmaps and session recording (Hotjar
or Microsoft Clarity)See exactly how visitors use your
site. Microsoft Clarity is free and integrates easily with Webflow.
Should
Request Google re-crawl via Search
ConsoleAfter launch, use the URL Inspection tool in
Search Console to request indexing of your homepage and key pages.
Should
Document the Webflow project structure for
handoffWrite a brief guide covering the page list, CMS
structure, Symbols used, and any custom code. Future-you will be grateful.
Should
Set up uptime monitoring for the live
siteUse a free tool like UptimeRobot to get alerted if
your site goes down. Essential for client sites.
Should
Schedule a 30-day performance
reviewBlock calendar time to review metrics, gather user
feedback and plan your next round of improvements.
Nice