2.png?ixlib=rails 2.1

Moonfruit Review

Moonfruit recently launched a new editor that's easier than the old editor— though still tricky. The major knock on the new editor is that there's isn’t much going on: no blog, no form builder and no ecommerce.

My work is supported by affiliate commissions. Last Updated Apr 16 2018

User Experience

Moonfruit recently launched a new editor called the Responsive Editor. It's much easier than the old editor— though still tricky in parts. The major knock on the new editor is that there's isn’t much going on: no blog, no form builder and no ecommerce. Plus there are only 8 templates to choose from and the responsive templates look odd on large screens.

Website editor.png?1523902896?ixlib=rails 2.1

Right: The new website editor.

The Responsive editor is made up of sections that stack vertically on the page. There's a variety of sections to choose from. I like the way the editor zooms-out when adding new sections— though unfortunately it would stay zoomed out, even though I was using their suggested browser. To zoom back in you have click the zoom button, but I’m sure this will still trip up a few users.

Right: To zoom back in you have click the zoom button.

In order to make your own section from scratch you need to drop in a column first— this doesn’t feel intuitive. The workflow (and the taxonomy) feel off. Perhaps they could label the column sections as “blank” sections.

Right: Why isn't a new column just automatically added when dropping a new element?

Individual elements are customized by a sidebar drawer that pops in and out. Each element comes with a wide array of settings to edit— these are found through the sidebar.

Right: Website Editor


  • Blog

    No support for blogs. There is a "Wordpress" element that is really poor— it simply frames a blog. I can't imagine a scenario when this would be useful.  Show Screenshot

  • Ecommerce

    Moonfruit does not offer ecommerce with their responsive editor.  Show Screenshot

  • Form Builder

    There is a form element but it's not a form builder. Instead it's a cookie-cutter contact form element that does not let you add any new fields. Instead you get name, email and message. Fortunately Moonfruit keeps all your form results in a CSV that you can download— handy in case you accidentally delete an email.  Show Screenshot

  • iOS & Android Apps


  • Retina Ready

    Images displayed sharp and crisp on retina devices.  

  • Newsletter

    No newsletter signup widgets.  

  • Membership System


  • Design from Scratch

    Yes. In fact the Responsive Editor is well equipped to handle a redesign from scratch.  Show Screenshot

  • Multi-lingual


  • Restaurant Menu


  • Donations


  • Audio Player

    You can embed Spotify playlists and Soundcloud players but no official Moonfruit audio player.  

  • Podcasts



Moonfruit only has 9 templates for the Responsive Editor— that’s a pretty small selection. Here’s an example theme:

Right: Example Theme

The big selling point for the responsive editor is that the themes should “respond” to the screen size— and while the websites work well on mobile screen, they look ridiculous on large screens. They look more like blown-up mobile websites. There is the option to add a margin to your website but that introduces it’s own problem: backgrounds don’t stretch from side-to-side.

Right: Example Theme

Different sections seem to have different fonts— for example, one template used both Cormorrant and Droid Serif which are both serif fonts. This leads to an inconsistent look and feel— but even worse that many web fonts is very resource intensive and will be a performance issue.

Right: Can you spot the two different serif fonts? This is inconsistent and worst still— a performance issue.

Good Billing Practices

I was able to pay and cancel Moonfruit using a web-based interface.