On compensated account plans, you are able to export any project’sР’ HTML, CSS, assets, and JavaScript in the Webflow Designer. This can be done to backup your rule and supply it to your customer when they ask because of it. You can make use of the code that is exported host it anywhere you want. No attribution needed.

In this tutorial

ExportР’ your rule. Export minified HTML. Discover exactly what your exported files have

ExportР’ your code

Start any project in the Designer. Click on the Export switch into the top right corner. Simply Click Prepare ZIPР’. Down load the ZIP file

ExportР’ minified HTML

Minifying your HTML can really help improve web page load times by eliminating space that is white commentary, along with other rule elements web web browser’s won’t need to load the web web page. To export minified HTML:

Learn exactly what your exported files have

The installed ZIP file contains all of your web site’s pages, designs, scripts, and pictures:

A CSS folder along with assembling your project styles contained in 3 .css files:

a CSS file which has your entire site’s custom styles. Webflow.cssР’ containing typical base designs for the Webflow design system, along with all of the elements like navbars, sliders, and tabs Normalize.cssР’ helping to make browsers make all elements more regularly as well as in line with contemporary criteria. It properly targets just the styles that require normalizing. >A JS folder which provides the Webflow.jsР’ file. This file contains all of the JavaScript required to result in the interactive components of your pages work correctly. Such things as kinds, navbars, sliders, tabs, and interactions count on webflow.js.Р’ If you delete this file, your web page mightР’ lookР’ correct, nonetheless it will not act as anticipated. a pictures folder with all the current images uploaded in assembling your project’s asset manager. html filesР’ for all of the website’s pages (including Collection template pagesР’ without content).

If you want to see an example for the code Webflow exports, always check out of the supply rule (right-click → see page supply) of our homepage — it is all built in Webflow!

Typical concerns

Why can’t we open the exported file?

Because of an understood limitation with Safari’s URL support, you will have to include the “.zip” filename expansion to draw out the exported folder’s contents.

How come here a prefix that is”w front of course names?

In order to prevent disputes along with other rule frameworks, Webflow adds “w-” to the leading of every classes that are component-specific.

Am I able to elect to export just a right element of my website’s rule?

In the moment, you can’t select exactly exactly what gets exported. Every exportable section of your task may be incorporated into every single export.

Can I modify the rule when I export it?

You can easily modify the rule after it is exported. But, handbook modifications to exported brilic profile files may break some Webflow elements.

Can we eliminate the .html extension through the Address of my exported pages?

If you would like get rid of the .html extensions from your exported pages, can be done so with aВ .htaccess file в†—.

Do i have to offer attribution to host webflow if I externally?

After exporting, you don’t have to offer attribution to Webflow or maintain a plan that is webflow your exported web web site to operate by yourself host.

Does the exported code include my CMS and e-commerce content?

CMS and Ecommerce content (databases) are not exported. Collection listings will show the empty state. Collection pages also maybe maybe not show any content which is bound to Collection industries too.

Will all elements function to my web web site if we host the rule somewhere else?

Site searchР’ andР’ formsР’ (including file upload and reCAPTCHA) don’t focus on exported web web sites. In the event that you plan to export your website, you will have to eitherР’ sendР’ form information far from WebflowР’ or embed party that is 3rd. Ecommerce elements will not work either.