To import a complete template into an existing Webflow project with CMS hosting already set up, follow these steps:
1. Find and purchase a Webflow template from the Webflow Marketplace or a third-party template provider. Make sure the template is compatible with CMS hosting.
2. Once you have downloaded the template file, unzip it to reveal the files and folders.
3. Open Webflow and go to your existing project. Make sure you are in the Designer view.
4. In the top left corner, click on the project name to access the project settings.
5. In the project settings panel on the right, select "Account & Billing" from the list.
6. Scroll down to the "Custom code & embeds" section and click on the gear icon to access the project settings.
7. In the project settings panel, click on the "Import & Export" tab.
8. Under the "Import Webflow project" section, click on the "Upload .zip file" button.
9. Select the unzipped template folder from your computer and click "Open" to start the import process.
10. Webflow will analyze and import the template files into your existing project. This may take a few moments depending on the size of the template.
11. Once the import process is complete, Webflow will notify you and display a list of imported pages, styles, and assets. You can review and make any necessary adjustments before publishing.
12. After reviewing the imported elements, click the "Publish" button in the top right corner to update your live site with the imported template.
Note: Importing a template into an existing project will overwrite any existing content, styles, and interactions on the pages that are part of the template. Therefore, it's recommended to create a backup of your existing project before proceeding with the import process.
Additionally, keep in mind that if you have custom CMS collections or data in your existing project, importing a template may not automatically incorporate that data into the template. You may need to manually map and connect your CMS collections and fields to the template's design and structure.