Free Webflow pre-launch checklist

After working on 100+ sites in Webflow, we've compiled a short list of items people usually get wrong!

We've upgraded our sliders and moved them to a new site - Boujee Sliders.

Explore how to use the Webflow Checklist

Adding scripts

JS Script CDN:
<script src="https://flow-ninja-assets.s3.amazonaws.com/ninja-script/core.min.js"></script>
Copy to Clipboard
CSS Style CDN:
<link rel="stylesheet" href=”example.css">
Copy to Clipboard
You've developed a new Webflow site. It's pretty cool, we know; it might even win some awards. But it's important to know that we are still also developers; thus, having a good QA process is key to our users actually visiting the site and experiencing it properly.

How to set up a Style Guide in Webflow

The base for every successful Webflow project is a good style guide. In this video, we'll review what we're looking at when finalizing our style guide. You can also clone our free Webflow style guide here, and use it in your projects.

How to make a Webflow Site Usable and Accessible

We won't be going into details of making the website WCAG 2.1 accessible, but more of general accessibility that will make your website much more accessible and easier to interact with. Watch the video and view a few tips and tricks to make your website more usable and accessible.

How to Apply Technical SEO to Webflow

You cannot miss some small tips when launching a Webflow website. In the video below, you'll see what to check before going live with a Webflow site, so you don't mess up your or your client's SEO.

How to set up Forms in Webflow

Even tho this seems like an easy-to-use component, making it work as expected can take more time than just placing it on the website.

How to set up CMS in Webflow

There are some SEO and technical things we like to add to each one of the websites we launch. Explore how to set up the CMS, before handing it off to the client to fill in the content.

Final Check Before Launching a Webflow Site

Woohoo! You've done all of the steps. Let's see everything you need to check before going live, finally!

Adding Attributes

In this specific example we have two swipers

Main Swiper

"{attr.name}"
"{attr.value}
this will trigger swiper script
ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Thumbnail Swiper

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

Optional Attributes

ninja-swiper
Copy icon
"
enabled
"
Copy icon
this will trigger swiper script

New sliders available at Boujee Sliders

We created new and upgraded Webflow sliders called Boujee Sliders. Check them out!

Explore Boujee Sliders

The most in-depth checklist for going live

We don't even send the site to our QA team before completing this boring old list. But after finishing it a couple of times, you'll be a much better Webflow developer and start delivering expert-like Webflow sites.

Even if you're an Expert at Webflow, sometimes you just forget to implement these key points that make the site much more professional.

See Featured Example

Featured Example

Frequently Asked Questions

No items found.

Get a free webinar and subscribe to our newsletter

Maximize marketing ROI by learning how we cut development costs by up to 30% and propel growth with Webflow, design, and automation.

Free Webinar

Growing a Webflow project is hard. We make it easy.

Grow my project
Mihajlo Djokic Business Development Manager At Flow Ninja
Uros Mikic CEO of Flow Ninja

Schedule a call and get 3 free tips for your Webflow project

#091030