E’llo Product Hunters!
HTML to WordPress is a powerful converter app to help website owners, developers/designer and agencies to convert their HTML websites to premium quality WordPress themes in seconds.
Just upload a website into the tool and after a few seconds you’ll see a fully functional premium quality WordPress theme activated and installed on a fresh WordPress installation for an easy live preview. If you like what you see, you can download the theme for $9 per .html page - Simple, quick and effortless!
The goal of the tool is to greatly simplify developers & designers life by automating a lot of manual work when creating WordPress projects. We’ve also seen a lot of non-technical website owners and managers who have converted their current website so they can update content by themselves instead of emailing a developer.
After the conversion everything is optimized to work with WordPress out of the box including automagically setting appropriate asset paths (CSS, JS, images, videos etc). You can create your website with whatever visual editor tools such as Webflow, Macaw, Dream Viewer etc. or which ever frameworks like Bootstrap or Foundation you feel comfortable with and then convert a client shippable WordPress theme out when the site is ready.
Because almost every agency ships client sites with ACF (http://www.advancedcustomfields....) we decided to do this by default. This makes all text and images easily editable for non-technical users (the clients).
No custom code is required and the tool works out of the box with any html based website, moreover the site can be extended with WordPress functionality such as editable menus or blog posts by adding CSS classes. Learn more about this in our docs: http://htmltowordpress.io/docs/
Would love to hear your brutal and honest feedback and answer any questions that may arise here on PH or via onsite chat.
P.S. If anyone wants to convert their websites to sell on Theme Forest - send email to henrik@htmltowordpress.io
@jcvangent We don't currently have plans to support PSD to WordPress. Looking to perfect and concentrate on doing HTML to WordPress the best way possible first.
@henrikharju Great job on this! Let me know (vlad - at - webflow.com) if there's anything we can do to make the conversion process easier for sites created in Webflow.
Gave it a shot but the output was basically unusable. I attempted to convert the static source of http://chowdown.io but in the converted theme images were missing, the links didn't work, the ACF generated from my markup was a nightmare (single recipe split into 15 single fields, one for each ingredient). While it's technically WordPress, it's not built the way a developer would ever consider doing it. It's way faster, though!
While this might work for some, after some insane tweaking, it's definitely not just a drag, drop, and go. I'd even consider my example as a pretty "simple" build, containing just a few pieces of content and only 2 templates.
Looking forward to watching this mature!
Report
@clarklab wow. that seems like it should be a pretty simple page to set up.
@clarklab Thanks for the feedback! We'll check that site out and find out how we could improve the result. As a quick note at least the all the images seem to be background-images instead of normal images, which we unfortunately do not yet support editing. We're feverishly adding features all the time and trying to make the results better for any possible website. I'll get back to you with a more detailed answer later.
Why not offer the ability to add some HTML commenting for conversion? This will ensure it works every time as expected. The annoying part of the conversion is having to remember the proper wordpress functions, etc. This way you could just say or . Just a thought as it gives the developer more control and ensures proper functionality every time.
@allnick We do this by adding CSS classes instead of html comments. Loads of extra features available by just adding a class: http://htmltowordpress.io/docs/
But I think you're also mistaking us for something like PineGrow where everything needs to be added - we do most of the magic automatically (since they need to be done 100% of the time any way).
Report
We currently use ACF too but were thinking of moving over to CMB 2. Any plans on supporting this in the long term or is it too early to say?
@baadier If there's enough demand for it we'll add it. This would potentially be sometime next year.
Report
Is there a way of setting up the field names to automatically be guessed via the class name? e.g. field_423a967a15e42 could instead be field_section_heading_1 and so on. I love the idea and I'm very keen to give it a try soon!
@thatpatrickguy Thanks! Can you describe your use case so I can better understand what you want to achieve by this? Right now there are two reasons why we are using hashed field names: 1) The field name has a character count limit when saved to the WordPress database 2) Security, as the field name is used to retrieve it from the database
Report
Looks great.
1. Blog is not working. After all WordPress is for Blogging right? Its just making it as another page. Why not search for blog.html in to blog list by finding repeat patters, and blog-single for blog post?
2. Why splitting each
in to different text box? May be you could split by sections.
3. Menu is really not WP menu?
Instead if directly converting, ask user a set of questions that make helpful when converting eg: Do you have a blog page? If yes, select one.
So far, Its really a first iteration, Looking forward to it...
@surjithctly #1 and #3 is doable via adding CSS classes: http://htmltowordpress.io/docs/
#2 is a fair point, we'll have a look at it :)
But we'll be adding a visual tool to do add these features very soon.
Growth Hacking Tools
Sprout SEO Extension 🌱
Growth Hacking Tools
Sprout SEO Extension 🌱
Growth Hacking Tools
The Freelancer's Journey
InVision
Chmod Command Calculator
Growth Hacking Tools
Travel with Makers
Growth Hacking Tools
Chmod Command Calculator
The Nifty
Growth Hacking Tools
Growth Hacking Tools
Chmod Command Calculator
in to different text box? May be you could split by sections. 3. Menu is really not WP menu? Instead if directly converting, ask user a set of questions that make helpful when converting eg: Do you have a blog page? If yes, select one. So far, Its really a first iteration, Looking forward to it...
Growth Hacking Tools