Import HTML/CSS into Webflow

Import an existing site, or existing code, into the Weblflow Designer.

  • Jason Zucchetto
  • Dec 16 2016
  • Jan 24, 2017

    Admin Response

    Everyone codes their HTML/CSS differently so it would be very difficult to implement this. We're going to be focusing on making the creation of websites easier from the get-go. Note: Importing CMS content is separate and already planned. Leave your feedback below if you additional thoughts. 

  • Roberto Virili commented
    January 18, 2017 14:16

    Yes... this would be great.

  • Tyler Jensen commented
    January 18, 2017 22:40

    This would be crazy cool.

  • Josiah Kniep commented
    January 18, 2017 23:58

    This would be an awesome and very convenient feature for transitioning over to Webflow, so if I was working on a site in WordPress or with Bootstrap framework, and I wanted to transition the site/page over to Webflow, Webflow would automatically detect and import the different HTML and styles into Webflow, where it would be easy to just continue on the site—but in Webflow.

  • Michelle Hansen commented
    January 27, 2017 00:50

    I agree with Roberto, Tyler and Josia.   

    Just because the code is different, doesn't mean that HTML isn't imported in other builders.  It just means that, whatever doesn't translate perfectly, gets tweaked through the platform. 

     

     

  • Marketing Tagfit commented
    February 11, 2017 02:42

    You should at least allow to import the code exported from webflow back to the website. On those cases there is no excuse of "everyone codes their HTML/CSS differently".

  • Paul Brady commented
    April 01, 2017 15:47

    if you limited it to bootstrap 4 and 3 then you could code an import function that would have a know structure (bootstrap).

  • Scott Whitlow commented
    April 22, 2017 15:27

    I agree on the limitations of the Bootstrap framework. If I have a single page or a web flow html that I have worked on and it meets certain requirements, I wouldn’t see why you couldn’t at least attempt the import.

  • Kathy Cahill commented
    June 13, 2017 18:13

    This is a critical feature that is holding us back from fully adopting Webflow.

  • Maria De La Croix commented
    June 19, 2017 22:00

    Agree with previous comments about at least having a bootstrap integration. However, I'm also fine tweaking myself if importation isn't doing the job perfect. Like with good old dreamweaver. At least it would give something to continue building from - even if the importation isn't perfect.

  • Khaled Al. Khanbashi commented
    August 21, 2017 13:20

    SUGGESTION: It would be possible to import HTML/CSS if we have an extra option to export the project as a package (ex. NAME.wfd) document. We are not suppose to modify this document contents and with the help of document signature, you can catch corrupted document easily.

  • David Dove commented
    April 09, 2018 18:17

    This would be a great idea

  • Julian Ranny commented
    November 02, 2018 19:20

    This would be next level for webflow and understandably very tough. To get started, it would be great to have a possible guideline for web developers to be able to code by, so designers on webflow and developers will be able to co-exist through webflow.

  • Tyler Kemp commented
    04 Jan 18:00

    Even if this could get a project CLOSE to the original, it'd still be a great feature.

  • Max Pauwels commented
    02 Mar 04:09

    Honnestly, I was very excited when I first discovered Webflow, but I think that they took the wrong approach as it is really only directed towards designers.

    The truth is that if you know basic html, css, sass etc..., you can custom code any website 10x faster then with Webflow because you will be using css libraries such as Bootstrap in order to build your website and change the design. 

    "Web designers" will design a website from scratch in something like XS to get every detail right, however, people like me, that actually build websites and apps won't actually create every single class from scratch. 

    Much of the features are absolutely amazing like the included hosting, the built-in CMS, the flexibility, etc... But in my opinion, if Webflow would actually more focus on people that build websites, apps or agencies then their audience would be way bigger. 

    Again, I was super excited when I first found out about Webflow and we were planning on implementing it as a standard solution in our agency for our customers but ended going back to our old tools since Webflow simply takes much more time then all the other ways of building websites. 

    A few ideas from our agency: (We also build websites for our clients and need a fast and flexible way to do this):

    • Import CSS libraries into Webflow 

    • Have a different way of building websites and implementing Themes. (At the moment, there are quite a lot of themes, but none of them actually make sense. A theme should be a way of building a website fast, however, I found that it's actually easier to start from scratch than to use one of the themes and try to change it up). 


    •Look at Shopify, for example, The reason why so many people use Shopify (also people that don't code) is that it is extremely fast and easy to do. This results in Shopify being accessible to a huge market. Tons of agencies and freelancer web developers will also use it because they can get something going extremely quickly. And I personally think that, for our clients, building with Shopify and having access to the code for CSS changes is a much smoother way than building with Webflow. 

     

     

    Conclusion: Webflow is not directed to the right crowd as it is specifically built for designers. In my opinion: People that want to build a website, people that know how to code, etc... (Which I believe could be Webflow's biggest market) end up going back to the old tools that they are using since they get a way faster workflow and better looking up website. 

     

    Such a shame since we could really use a website building platform that offers features such as a built-in CMS, hosting, direct client editing, etc... All in one! 

  • Michael Frysztacki commented
    16 Jun 20:10

    Voting, awesome feature request.