Export your Webflow project's HTML, CSS, Assets, and Javascript.
Note: We’re transitioning to Workspaces, and this lesson has been updated to reflect that change. Visit the Workspaces blog post to read more about these updates and changes.
On paid Workspace plans, you can export your site’s HTML, CSS, JavaScript, and assets from inside the Webflow Designer. You can do this to back up your code and provide it to your client if they request it. You can also use the exported code to host it anywhere you’d like – no attribution required.
In this lesson, you’ll learn:
Important: CMS and Ecommerce content (databases) aren’t included in exported code. Collection lists will show the empty state, and Collection pages won’t show any content that’s bound to Collection fields. Any password protected pages on your site will no longer be protected after code export. Additionally, site search and forms (including file upload and reCAPTCHA) will not work on exported sites in order to comply with GDPR. Learn more about collecting form submissions on exported sites.
Minifying your HTML can help improve page load times by removing white space, comments, and other code elements browsers don’t need to load the page. To export minified HTML:
The downloaded ZIP file contains all your site’s pages, styles, scripts, and images:
Important: CMS and Ecommerce content (databases) aren’t included in exported code. Collection lists will show the empty state, and Collection pages won’t show any content that’s bound to Collection fields. Any password protected pages on your site will no longer be protected after code export. Additionally, site search and forms (including file upload and reCAPTCHA) will not work on exported sites in order to comply with GDPR. Learn more about collecting form submissions on exported sites.
Why is there a “w-” prefix in front of class names?
Webflow prefixes component-specific classes with “w-” to avoid conflicts with other code frameworks.
Can I choose to export only a part of my site’s code?
At the moment, you can’t choose what gets exported. Every exportable part of your site will be included in each and every export.
Can I edit the code after I export it?
You can edit the code after exporting. Keep in mind, however, that manual changes to exported files may break some Webflow components.
Can I remove the .html extensions from the URL of my exported pages?
If you want to remove the .html extensions from your exported pages, you can do so with an .htaccess file.
Do I need to provide attribution to Webflow if I host my site externally?
After exporting, you don’t need to provide attribution to Webflow or maintain a Webflow plan for your exported site to work on your own server.
Does the exported code include my CMS and Ecommerce content?
CMS and Ecommerce content (databases) aren’t included in exported code. Collection lists will show the empty state, and Collection pages won’t show any content that’s bound to Collection fields.
Will password protected pages still be protected after I export my code?
No. Any password protected pages on your site won’t be protected after code export. Your site must be hosted with Webflow in order for password protection to work as expected. Learn more about project and page passwords.
Will all elements function on my site if I host the code elsewhere?
CMS and Ecommerce content (databases) aren’t included in exported code. Collection lists will show the empty state, and Collection pages won’t show any content that’s bound to Collection fields. Any password protected pages on your site will no longer be protected after code export.
Additionally, site search and forms (including file upload and reCAPTCHA) will not work on exported sites in order to comply with GDPR. To collect form submissions, you’ll need to use a third-party tool or embed a third-party form integration. Learn more about collecting form submissions on exported sites.
Something went wrong while submitting the form. Please contact support@webflow.com