Webflow sync, pageviews & more.
NEW

How can I combine features from two different Webflow templates into one website without being a developer? Copying and pasting pages seems difficult in Webflow, so are there any tutorials or step-by-step instructions available? Thank you!

TL;DR
  • Open both Webflow templates in separate tabs under the same account and manually copy/paste elements, styles, and layouts between them.
  • Bring over assets, recreate pages, use Symbols for repeatable components, and clean up unused classes/styles using the Style Manager.

Combining two Webflow templates into one project is possible, but it requires a manual process since Webflow doesn't allow merging templates directly. Below are the step-by-step instructions to achieve this without needing to be a developer.

1. Understand Webflow’s Limitations

  • Templates are standalone projects—you cannot import one template into another.
  • Webflow does not support direct project merging, so you must recreate or copy elements manually.
  • The Copy/Paste between Projects feature only works if both projects are open in the same browser and account.

2. Use Copy/Paste Between Projects (Manual Method)

  • Log into your Webflow account and open both template projects in two separate tabs of the same browser.
  • In the Designer of the source project, select the elements you want to copy (e.g., Sections, Symbols, Containers).
  • Use Cmd/Ctrl + C to copy, then switch to the destination project tab and Cmd/Ctrl + V to paste.
  • You can copy multiple elements like pages, navbars, footers, etc. one at a time.

3. Bring Over CSS Classes and Styles

  • Copied elements will bring associated classes, styles, interactions, and animations with them.
  • Check for class name conflicts—if two templates use the same class names but with different designs, consider renaming those classes before copying.

4. Recreate Pages if Needed

  • You cannot “copy a page” in full, but you can open the page in the source project, copy all the contents, and paste them into a new page in your destination project.
  • Use the Page Settings panel to recreate SEO settings, meta tags, and page titles manually.

5. Download and Re-upload Assets

  • Assets (images, videos, fonts) are not copied between projects.
  • You’ll need to download assets from the original project and upload them to the new project’s Asset Manager.

6. Use Symbols for Repeatable Elements

  • If both templates use navbars, footers, or other repeatable UI components, convert them into Symbols in the source project, copy them as symbols, and use across pages in the destination project.

7. Clean Up Styles and Classes

  • After combining, you may have duplicate styles or unused classes.
  • Use the Style Manager to clean up any redundant or unused styles for a cleaner final build.

8. Tutorials and Guides

Summary

To combine two Webflow templates, copy elements manually using Copy/Paste between open projects, preserving styles and layouts as you go. While not automatic, the process is entirely doable without coding knowledge by using consistent class management and UI components like Symbols.

Rate this answer

Other Webflow Questions