How can I import a complete template into an existing Webflow project that already has CMS hosting set up?

You can’t directly import an entire Webflow template into an existing project, but there are workarounds to manually copy elements and styles into your CMS-hosted site. Webflow does not currently support merging whole templates into existing projects.

​

1. Understand Webflow’s Limitations

​

• Templates are project-based, meaning they can only be used to create new Webflow projects — they can’t be merged.
• You can't import pages, components, CMS structures, or stylesheets directly across projects using the template.
• There’s no built-in “import/export” system for full pages or templates between Webflow projects.

​

2. Create a New Project from the Template

​

• Purchase or clone the desired template from the Webflow Template Marketplace.
• When you add it, Webflow will create a new project that includes all pages, styles, and CMS items from the template.

​

3. Manually Copy Content to Your Existing Project

​

• Open the template project and your existing project in separate browser tabs.
• Use Copy + Paste to transfer elements:
• Components like Navbar, Sections, Footers: Copy them from the template and paste into corresponding pages in your existing project.
• CMS Collections: Go to CMS > Collections and manually recreate CMS structures in your main project. Then, manually copy over content entries or use tools like Udesly CSV import if needed.
• Rebuild Site Settings (e.g., custom fonts, color swatches, SEO settings) manually.
• Be careful not to redefine global classes without checking for conflicts.

​

4. Recreate CMS Bindings and Layouts

​

• You must manually rebuild collection pages by adding new Collection Lists and re-establishing dynamic bindings.
• Reconnect CMS data to the correct fields within your existing collection schema.
• If you need layouts exactly as in the template, mimic their structure while attaching to your existing CMS.

​

5. Use Webflow Symbols and Copy/Paste Between Projects

​

• Symbols (components) and layouts can be copied across projects using Webflow’s Designer Copy + Paste function.
• Ensure the style classes are appropriately named to avoid conflicts or overrides in your existing site.

​

6. Check for Interactions and Custom Code

​

• Manually duplicate any interactions or animations in the template.
• Copy any custom code from the template’s Page Settings or Project Settings → Custom Code sections.

​

Summary

​

Webflow does not support direct importing of templates into existing projects. Instead, you need to create a new project with the template, then manually copy components, rebuild CMS structures, and transfer layouts into your CMS-hosted project using copy-paste and manual setup.