The easiest way to edit a website

This a great solution for freelancers, agencies, or anyone that needs to edit a website. In just minutes, you can hook it up to just about any site and start editing content inline.

How does it work?

You start by connecting to your website. Since Surreal uses FTP/SFTP, you don't have to install anything and it works with just about any hosting company. You can even edit static websites hosted on Amazon S3.

Once you've connected your site, the next step is to tell Surreal which parts of each page are editable. You can do this with a few clicks of the mouse, or by adding special classes in your HTML:

<div class="editable">
    <p>Now you can edit this!</p>

Once you've tagged one or more regions, you're ready to edit!

Inline editing

The best part of Surreal is the Live Editor. Your pages look just like they do on the live site, but you can actually edit the regions you've tagged inline. Check it out:

Inline editing

All the options you need to format text, images, videos, etc. are available in a simple toolbar that stays at the top of the page. There's no need for a full-screen mode, because the entire page is your work area! The Live Editor is ridiculously simple to use.

Great for clients

If you're a web designer, Surreal is a great way to give clients access to edit content without giving them too much control. From one account, you can connect to multiple websites, add your clients, and set permissions and privileges for each person based on their experience level.

Just enter a name and email, select the site(s) they have access to, and Surreal will invite them to start editing. Since all changes are tracked, you'll be able to see who edits what. You can even setup change notifications to get notified when your clients publish content.

Bonus features

That's the gist of how it works, but Surreal CMS comes with a ton of other features too:

  • Mobile friendly UI
  • White-label features
  • Photo gallery editor
  • Google Analytics dashboard
  • And more!

So if you've been looking for a simple way to let clients edit their own sites without having to train them or give them too much control, here's your solution:

Disclaimer: I developed and run this service, but I wouldn't post about it if I didn't think it was going to be useful to you :)

Author avatar

About the author

New Hampshirite building web apps in Florida. Creator of Surreal CMS, Postleaf, and DirtyMarkup.

Need to get in touch? Catch me on Twitter.