Importing a single page from another Webflow site

Publishing help Project settings
1

Long story short…

We have our live site (Business plan) > then created a clone site to have a designer work in that one.

Now we need the single page they worked in on from that cloned site to be brought over into our live site.

COPY/PASTE feature does not work well as lots of styles are lost, things break, etc.

I’ve done an export of the CLONE site, but see no way to import this single page into the CURRENT site.

Nothing I can see in the Documentation regarding how to do this import function.

Thanks for any suggestions / help in advance!

2

Variables don’t transfer between sites as of now, but styles do. Do you follow a css framework like Client-First? If so, copying and pasting between sites shouldn’t be a problem. If not, and the designer created their own classes, there will be overwriting issues when pasting.

You cannot import code into Webflow. The best practice is to design in your main site and keep the page in Draft. Also, use a framework for consistency. It doesn’t have to be Client-First, but something that avoids issues with class naming.

2 Likes
3

Thanks for the ideas @joejola … agreed about using the Draft, but this is the dilemma I am in atm ;)

Adding here from Webflow as well:

The simplest way to transfer a single page to another Webflow site is to use the copy and paste feature. If you are struggling with the class duplication the better option may be to try and copy sections over piece by piece and then change classes where needed.

After making the swap to the current classes you can then clean up the styles using this feature: How to delete unused classes from a site Webflow

Note: There is a third-party tool that is very popular among the Webflow community that may be of interest to you which I will link here.

Also, posted this concept here: Importing a single page from cloned Webflow site to | Webflow Wishlist

Importing a single page from cloned Webflow site to live Webflow site
First and foremost, the lack of any import feature within a current Webflow site is probably necessary. You can export, but can’t import… this is hopefully the feature to help make this a reality:

  1. Allow the ability to import an existing Webflow site into an existing one (and adjust classes for the import by appending a “-2” or “-import” to the end of the class)

OR ANOTHER APPROACH COULD BE…

  1. When you copy/paste over from another Webflow project/site, that any class from that is maintained properly and does not adhere to the existing project/site (or better yet - you are given the option to keep the class as is or create a new one - which you could use the nomenclature adjustment as noted in 1. above).
4

It’s more complex than you think. Data bindings, components, site-level CSS and scripts, site-level features like ECom and User Accounts and Localization… all play a major role in that page design.

If you ignore all of that and import just the raw HTML and classes ( renaming them ), you’re back at copy-paste.

For the record, you can find tools that will “import” HTML from other sites, even non-Webflow sites, but they convert everything to custom elements which is very unwieldy and doesn’t take advantage of Webflow’s componentry.