Webflow is a great tool for building and hosting websites. However, there are times when you might want to move your project away from the platform. This could be because you want more control over your code, you need to hand projects over to clients, or you want to save on hosting fees. To do this, it's important to understand Webflow export.
In this comprehensive guide, we’ll explore everything you need to know about Webflow export, including what can (and cannot) be exported along with
Let’s dive in!
What Can and Can’t You Export from Webflow?
Before starting the export process, it's important to know what parts of your Webflow project you can export and what features will still be tied to the platform. This understanding helps you plan ahead and avoid surprises when moving your project elsewhere.
| Feature | Exportable | Not exportable |
| HTML, CSS, JavaScript | ✅ Yes – Includes static code for all site pages and design elements. | ✘ Dynamic CMS-driven or eCommerce pages won’t display content. |
| Images and assets | ✅ Yes – Includes all uploaded images and fonts in the Assets panel. | ✘ Assets linked via external tools or third-party sources may need to be manually handled. |
| SEO metadata | ✅ Yes – Page titles, meta descriptions, and Open Graph tags are included. | ✘ No dynamic SEO content generated from CMS fields. |
| CMS content | ✘ Exported as CSV. | ✘ Dynamic connections lost. |
| eCommerce data | ✘ Exported as CSV. | ✘ Storefronts, carts, and checkout processes not included. |
| Forms | ✘ Exported as CSV. | ✘ Requires third-party solutions. |
| Webflow-specific tools | ✘ No. | ✘ Tied to Webflow hosting. |
How to Export Webflow Code
Webflow lets users on paid Workspace Plans download their site’s static files, including HTML, CSS, JavaScript, and assets. This feature is helpful for:
- Backing up code for future use.
- Delivering a project to a client.
- Hosting a Webflow-designed site on another platform without Webflow attribution.
*Important: Code export is unavailable on Site Plans and excludes certain dynamic features like CMS content, eCommerce functionality, and forms.
Follow these steps to perform Webflow export code free:
Step 1: Log in to Webflow
First, navigate to Webflow.com and log in to your account.
Step 2: Navigate to Design view
Once inside your project, click on the Design view to access the interface where you build and customize your site.
Step 3: Click Export code button
At the top left of the Designer, look for the Export code button. This is represented by an icon of a square with an arrow pointing outward.
Then, click the Export Code button to generate the zip file. Webflow will compile Webflow export HTML, CSS, JavaScript, and assets into a single downloadable package.
Step 4: Download Webflow export code
Once the export is complete, click the “Download Zip” button to save the package to your local device.
How to Export Webflow CMS Content
Before exporting from Webflow CMS, it is important to note that the relationships between CMS items and the design of your website will not be maintained during the export process. For example, if your blog features dynamic content sourced from the CMS, this functionality will not be carried over to the exported static files.
To address this limitation, consider rebuilding the dynamic functionality using alternative tools. Custom APIs, headless CMS solutions like Strapi or Contentful, and various plugins available on the new platform can help recreate the dynamic features you need.
Follow these steps to export Webflow CMS content:
Step 1: Find Webflow CMS Collections tab
Log in to your Webflow account and navigate to the project containing the CMS content. Open the CMS Collections tab in the Designer or Editor.
Step 2: Select collection to export
Select the collection you wish to export (e.g., “Blog Posts” or “Products”).
Step 3: Download CMS content file
Locate the Export button (a download icon).
Click it, and a CSV file containing all the content from that collection will be automatically saved to your Download folder.
To use the exported data, you’ll need to import the CSV file into another platform (e.g., WordPress, Airtable). Most platforms provide tools for importing CSV files and mapping fields to their respective counterparts.
How to Export Webflow eCommerce Data
Webflow’s eCommerce tools help you create online stores, but they don’t allow for easy exports to static formats. If you want to move your store to another platform, you will need to manually extract your product and order data.
*Note: Webflow’s exports only include basic information, like product details and orders. You will have to rebuild features such as shopping carts and checkout, as these are not included in the export.
♦ Is there an automated way to export eCommerce data from Webflow and then import it elsewhere, like Shopify or WooCommerce? LitExtension provides the perfect solution for this in our All-in-One migration service. Check it out!
Now, here are the steps to export Webflow eCommerce data:
Step 1: Find CMS content section
In your Webflow project, go to the CMS content section.
Step 2: Go to Ecommerce tab
Then, navigate to the Ecommerce tab and find the eCommerce data you wish to export like products, categories, discounts,….
Step 3: Click Export button and download
Click the Export button to download a CSV file containing your eCommerce data.
Troubleshooting Common Errors with Webflow Export
Even when you follow the correct steps, the Webflow export does not always go smoothly. Some issues stem from plan restrictions, others from features that simply do not carry over outside of Webflow's hosting environment. The table below covers the most common problems users run into, along with the likely cause and the right fix for each.
Error | Cause | Solution |
Code Export option is missing or unavailable | Code export is only available on Workspace plans. Site plans do not include the ability to export your site's code. | Upgrade to a Core, Growth, or Agency Workspace plan, not a Site plan. |
Exported ZIP file has missing images or assets | Only assets uploaded directly to Webflow's Assets panel are bundled into the export. External hosted media and third-party embeds are not included. | Upload all images directly to the Assets panel, and manually download and re-link any externally referenced media after export. |
CMS Collection pages are empty after export | CMS, User Accounts, and eCommerce content are not included in exported code. | Export your CMS content separately as a CSV file and re-integrate the data |
Forms stop working on the exported site | Site search and forms (including file upload and reCAPTCHA) will not work on exported sites in order to comply with GDPR. | Adjust your form settings to connect to a third-party form service, or embed forms generated by third-party services instead of using the native form element. |
Password-protected pages are no longer protected | Password protection in Webflow is server-side functionality that does not survive export. | Your site must be hosted with Webflow in order for password protection to work as expected. |
Lottie animations do not appear on local preview | For security reasons, Lottie JSON files will not load from your local file system | Upload the exported files to a web server, or use a local server environment |
FAQs about Webflow Export
Can you export Webflow?
Yes, you can export static assets such as HTML, CSS, JavaScript, and images. However, dynamic content like CMS items and eCommerce functionality requires additional steps.
How to export Webflow CMS content?
To export the content of an entire Collection to a CSV file, follow these steps:
1. Go to the CMS panel.
2. Click the name of the Collection you want to export.
3. Click Export.
How do I export eCommerce from Webflow?
To export your products, variants, and categories, follow these steps:
1. Go to the CMS panel.
2. Open the Ecommerce > Products or Orders tab.
3. Click Export and download the data as a CSV file.
How do I get CSS from Webflow?
CSS files are included in the exported ZIP file. To get CSS files from Webflow, follow these steps:
1. Go to the Code Export section.
2. Prepare the ZIP file.
3. Download the ZIP file to find the CSS folder.
Can you transfer a Webflow site?
Yes, you can transfer a Webflow project to another Webflow account via the Dashboard > Transfer Ownership option. For external platforms, you’ll need to export the code and rebuild dynamic functionality or choose a migration service provider like LitExtension.
Final Words
Webflow export gives you control over your website. You can export static files like HTML, CSS, and JavaScript, along with assets and CMS or eCommerce data in CSV format for migration. However, features such as forms and CMS-driven pages need more development work. With the right approach, exporting opens up many options for hosting and customizing your site beyond what Webflow offers.
We hope you found this article insightful and now have a clear understanding of the Webflow export process. For more content like this, be sure to visit the LitExtension blog and LitExtension Resources to gain further insights and connect with fellow business owners.
