Easy Editing for your Clients with PageLime

Easy Website Updates with PageLime

Nov 12th, 2009 in Screencasts by Jeffrey Way

PageLime makes the process of editing static websites laughably easy. There are times when a full CMS like WordPress is far too complicated when only simple edits are required - not to mention the fact that a static template must first be modified accordingly to work with WordPress. Wouldn't it be easier if your current static website could instantly be integrated with a service, without requiring hours of conversion time? This is where PageLime comes in.

In today's video tutorial, we'll go through the process of purchasing a site template on ThemeForest, and then integrating that specific template with PageLime, resulting in a website which is super easy to update...even for your mom.

PG

Author: Jeffrey Way

Hi, I'm Jeff. I'm the editor of Nettuts+, and the Site Manager of both ThemeForest, and CodeCanyon. I spend too much time in front of the computer and find myself telling my fiance', "We'll go in 5 minutes!" far too often. I just can't go out to dinner while I'm still producing FireBug errors...drives me crazy. During my free time, I sporadically write articles for my own personal blog. If it will keep you in the good graces of the church, follow us on Twitter.

PageLime is a remote Content Management System that allows you to update the content, images, and documents on your web site without installing any software.

The Screencast

Other Viewing Options

What's in Store for PageLime?

In the CEO's own words...

  • Repeating Regions - You/Your clients will be able to have regions that you define as repeatable. This will let you dynamically create new buttons in navigation, blog like article additions, etc. This is in testing now, and will roll out across all sites in the next week!
  • Multipage Dynamic Content - You will be able to define areas that show up on other places in the website. So when you update them, they update in other places.
  • Blog - Drop in simple PageLime managed blog.
  • Client Invoicing - We're building an invoicing feature from withing PageLime that will let you manage your PageLime clients with auto recurring invoices that link to your PageLime account. This basically allows you to setup a subscription model for you clients, and pass the cost of PageLime directly to them. OR charge them more, and make money off of PageLime! This will be a feature in the Business Account Level.
  • iPhone App - Manage websites from an iPhone application. This is already designed, just need to go about building it soon. I can send you screenshots if you would like.
  • eCommerce - Either a partnership with another team, or build one ourselves that can be dropped in, like the blog.

Related Posts

Check out some more great tutorials and articles that you might like

Enjoy this Post?

Your vote will help us grow this site and provide even more awesomeness

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    Sid November 12th

    Thanks for the screencast.

    I fear that Pagelime may still be more complicated for the less savvy end users. While HTML editing is good – it destroys the entire purpose of having this service available in the first place. You’ll feel the pain when your clients screw up the HTML so bad that you have to fix up everything later.

    I didn’t see it in the screencast, but another similar service CushyCMS offers the option to label the editable regions with a special text-only class that you can apply to h2 or p tags – this prevents your clients from mucking up the html.

    ( Reply )
    1. PG

      Jeffrey Way November 12th

      Interesting. Do any of the rest of you feel the same way? Still too complicated for the less savvy users?

      ( Reply )
      1. PG

        Jeff Foster November 12th

        I think there’s always someone that finds a way to muck anything up. This one, however seems a bit more complex than others of the top of my head like CushyCMS and LightCMS…

      2. PG

        Gavin November 12th

        I dont know that it is that complicated to learn, but you do have to put a little time in to learn it. Some people are just not ready to learn it?

        Collis mentioned this on twitter: http://buildorlite.com/ I think that it looks like a great tool for developers but also clients/site managers.

        I am sure there are a few of these out there.

      3. PG

        Montana Flynn November 13th

        I agree, many users would simply delete the html tags and write text anyway! Other users may find ways to add inline style thinking they are clever but really making the site super ugly!

        When will an inline editing CMS arise? User logs in, sees their site, double clicks any text they want to change. SImple!

      4. PG

        Nori Silverrage November 13th

        Check out Concrete5, it has dead simple inline editing…

      5. PG

        w1sh November 15th

        JW – sometimes I think you ask questions like this to see if anyone actually investigated the doc rather than mindlessly agreeing with the masses.

      6. PG

        Juan Gotti November 18th

        It would be nice to have a service that you can use the admin panel to declare the editable regions and then you can create a sub acount for your client, and this account would be limited to only edit what’s editable and nothing else. As simple as replacing text.

      7. PG

        Jeff Bates November 20th

        Yes, Pagelime is way more complicated than it needs to be. I think they’re trying to stuff too much into it, which makes it less than simple. It’s not bad, but it doesn’t hit the “drop-dead” easy mark that others do.

        A good example to compare would be Surreal CMS (http://surrealcms.com). Same concept, but when you get in there you know exactly what’s going on. The interface isn’t jumpy, everything is right where you expect it to be. I’ve tested most of the big names in light CMS poducts, and Surreal CMS is by far my favorite for a good balance of features and ease of use.

    2. PG

      Thomas McLeod November 12th

      Sid what you are describing is the exact way that you integrate PageLime. I should know..I’m Tom from PageLime… LOL

      Sid…that is exactly how you integrate PageLime… we have a similar integration to Cushy, but we out class it by many many level of features and usability for clients. Give it a shot, its free… please post your review after actually integrating and checking out our website. Or email me at tom[at]pagelime.com if you have any questions.

      ( Reply )
      1. PG

        w1sh November 15th

        Could you make PageLime 100% free please? I think more people would use it and I’d be your friend (or at least tell people I knew you).

        THANK YOU!

    3. PG

      Emil November 12th

      Hey Sid – You can apply a class called cms-editable-text to any area, and that automatically limits the number of features available in the WYSIWYG. You can also configure and limit the number of WYSIWYG icons in PageLime, it’s a tab in the site settings for each site.

      Take a look at the blogpost: http://blog.pagelime.com/2009/10/02/how-to-limit-the-number-of-iconstools-on-the-pagelime-wysiwyg-editor/

      Also – Same as with Cushy, if you apply the class to a P or an H1, H2 etc, it will automatically limit the options to basically text only editing.

      Hope that helps!

      ( Reply )
      1. PG

        Jeff Foster November 12th

        Cool you can turn more complex options off. I guess I didn’t pay enough attention.

      2. PG

        Sid November 14th

        Thanks for the response Thomas and Emil. I checked out the free version and it is a great product.

        There was a slight bug with » characters on my test page. You might wanna fix that up :)

    4. PG

      Cab H. November 14th

      The best inline editing I have seen is in open source CMS Mysource Mini.. My editors don’t see any html code.. All they do is click editable areas (that I set in my design file) and they edit it using this awesome editor that doesn’t popup a window, it is true and best in context editing IMO.. My editors in love with it.. Oh and the way it tracks changes just like MS Word is awesome.

      ( Reply )
  2. PG

    guiii November 12th

    I love this system! Thanks Jeff! =)

    ( Reply )
  3. PG

    David November 12th

    I started using PL for my clients site a couple of months ago. I and my clients LOVE it. The editable ‘bubble’ in the page where the edit can be made is very user-friendly.

    The list of services/feature is much more comprehensive than Cushy (which I used to use until PL). I do miss being able to add tags to H1, p etc. as Sid mentioned, whereby that element retains that predefined property but other than than, PL is a fantastic choice for defining content editable areas for clients.

    One thing you can do, which is great, is restrict the wysiwyg options so e.g. clients can’t add a table to an area that is really intended for paragraph text, UL, OL etc.

    The support from Tom and Emil (I hope they don’t mind me using their names) as some of the best I’ve ever experienced.

    ( Reply )
    1. PG

      Thomas McLeod November 12th

      Hey Dave,
      You can use our personal names all over the place, there are many Tom’s on the internet (*cough* myspace *cough*) there is only one Emil! Shoot me an email. You can totally add editable tags to H1-3, P, etc. We’re about to roll out a huge new feature, and I would love to have you in the beta test!

      ( Reply )
  4. PG

    Brad H. November 12th

    Looks great some of the features they are working on sound nice as well

    ( Reply )
  5. PG

    Jaime November 12th

    Wow, I’ve never tought it would exist something as easy as this. I used to think that you need a lot of PHP knowledge to handle a CMS.

    Great screencast!

    ( Reply )
  6. PG

    D. November 12th

    Although I like to host things myself… I think this looks good and I might use it for a couple projects…

    ( Reply )
  7. PG

    David Moreen November 12th

    I signed up for Pagelime about 3 months ago it is a good CMS, for someone that does not want to manage files via FTP. Personally I enjoy to manage files on my own.

    ( Reply )
  8. PG

    Kalvster November 12th

    CutePHP is a good alternative CMS.

    ( Reply )
  9. PG

    Russell Skaggs November 12th

    Great Tutorial. I think if you were to design with this feature in mind, you would almost have to use PHP to call in the nav and footer so you dont have to pull out your hair changing them on every site.

    ( Reply )
  10. PG

    Karthik November 12th

    Jeffrey Way I love each and every screencasts you made, I just love them, i really wanted something like this, it is helpful

    Thanks

    ( Reply )
  11. PG

    Lam Nguyen November 13th

    Yes, you’re right, Jeff! This is really a great system. This should be great for the customers who just want some pages in their website.

    Thanks for a great screencast!

    ( Reply )
  12. PG

    Kezza November 13th

    Can someone comment on the key differences between cushy and PL? I have been using cushy for a very long time however I am always interested in what else is out there

    ( Reply )
  13. PG

    DaveK November 13th

    This seems to sit nicely between CushyCMS and the more advanced full blown CMS available, I just wish they had a per site payment scheme and not a monthly subscription, maybe in the future guys?

    ( Reply )
    1. PG

      Thomas McLeod November 13th

      It’s tricky, we want to offer one, we really do… but we would have to put somehow throttle usage, as at somepoint our server costs would be overshadowed if someone was doing 3-4 gigs of transfer everymonth on a flat site fee… It will be awhile till resolve this. Most people decide that we are still pretty darn affordable, and are an easy upsell to clients. One of our users makes $150 extra a year on every site on PageLime.

      ( Reply )
      1. PG

        DaveK November 13th

        Thanks for your reply Tom, and taking the time to email, you make some good points, I will be seriously considering you for future CMS based projects.

  14. PG

    designfollow November 13th

    thanks for this great post

    ( Reply )
  15. PG

    mike November 13th

    dito

    ( Reply )
  16. PG

    Mark November 13th

    Hi Jeff, It’s a very nicely put together product, however I in my experience it’s being wildly optimistic if you you think the average client would be able to use it, simple as it is, sometimes developers forget they are in this environment everyday all day, but to others it is still quite alien. If your client had a techy guy their end then it would fine but then they’d probably be a larger organization and looking for something more sophisticated anyway. I reckon by the time you’d had all the phone calls asking how to do it and what went wrong, it will probably be quicker for you just to make the changes and re ftp the files yourself!

    ( Reply )
    1. PG

      Thomas McLeod November 13th

      I think…you should give it a try… there is only one button. That publishes. I’ve seen a small clothing boutique run by 55+ yearolds non-tech savvy users on 2005 HP laptops learn the entire system in under 15 minutes. With no problems.

      ( Reply )
  17. PG

    Michael November 13th

    Really interesting idea.
    But, what happend with the Homepage, wenn PageLime goes offline? Right ;)

    I like the Idea, really. But I think it’s to risky for a client. Good enough for personal projects.

    ( Reply )
    1. PG

      Thomas McLeod November 13th

      The homepage stay online. The entire perk of PageLime is that you are not hosted with us, everything pushes to you server. If for some reason PageLime did go down (which it never has) your sites are completely safe and remain untouched. You should have piece of mind with us, not concern. The architecture is completely designed to allow for reliability and the ability to leave us at everytime if for some reason you need a new solution. You are not tied to us for site uptime. Period.

      ( Reply )
      1. PG

        Michael November 13th

        sounds great. plans to release this more languages? german?

      2. PG

        Thomas McLeod November 13th

        We’re working on a language builder so anyone can help localize the system. So far we have volunteers for German, Portuguese, Spanish, Italian, and French.

        So yup! Shooting for Mid- January

  18. PG

    Mike November 13th

    It is a very impressive system and obviously well put together, but I’m really not a fan of hosted solutions.
    For me the best option for giving clients an easily editable website has to be Perch.

    ( Reply )
  19. PG

    chrisberthe November 13th

    PageLime sucks……………….GOD I’m joking! Just wanted to scare you Tom :)
    I’ve played around with PageLime before and it works really well and it’s easy!

    ( Reply )
  20. PG

    JP November 13th

    Thanks for this tuto, I’just start a new website and I was using wordpress but the website is so simple that I will change for PageLime, your just in time with this tuto, thanks for the good job again…

    ( Reply )
  21. PG

    Marshall November 13th

    What about Adobe’s Contribute? I had to use it for a client and it worked well for them (as well as myself because it kept them from touching any code). Plus, you can set up in Dreamweaver which sections of the page that the client can edit. They could do anything from edit, add, insert (text, audio, video, images) , etc. to even creating new pages from pages that you, the designer, designated as templates.

    ( Reply )
    1. PG

      Thomas McLeod November 13th

      Contribute is a desktop app…PageLime has all the features of contribute, but your clients can manage it from a cybercafe on the riviera and still not mess up your site. They can also create pages from templates you design, you can designate pages to be templates, etc.

      ( Reply )
  22. PG

    Matthew November 13th

    I like Surreal CMS personally. It’s similar to this and CushyCMS. Both are great options if you’re developing a small static site on the cheap.

    ( Reply )
  23. PG

    Noel Wiggins November 13th

    When being able to offer this to new clients I often smile, because its almost like being santa clause when i tell them yes you will be able to edit your website to. They all fear that we will do this amazing website design for a lot of money and then they would have to pay each time they have an edit or a tweak they want to do to some content.

    Thanks and Regards

    Noel for Nopun.com
    a graphic design studio

    ( Reply )
  24. PG

    Jesse November 13th

    It’s nice to see a thorough review of this service. I’ve used CushyCMS in the past and I’ve still had to go back and clean up some formatting issues with text, proliferation of strong tags, etc. Nonetheless, that’s a small price to pay for letting a client manage their own site. Thanks, Jeff.

    ( Reply )
  25. PG

    Juan C. Rois November 13th

    I can’t deny that there is a real need and big market for CMS products, everybody wants a website that they are able to easily update and for the lowest price possible.
    In my personal case I don’t like to use a CMS product because all websites are unique, and there is no way a CMS can contemplate the potential needs for each individual site. I admit the they are AWESOME tools and they save a lot of time and effort not only to the developer but to the client as well.
    But the way I see it, and I’ve seen this many times over, you deliver the website to your client, brand new sparkling website and the minute they start messing around with it then you feel that you need to take it out of your own portfolio, because your clients ruin their own website and you don’t want your potential new clients to see what has become of your work and it’s not even your fault.
    We see this every day, a lot of people out there think that they can just use MS Word to create a page and save it as HTML and they call that a website.
    Let’s be a little more jealous about our trade and make our clients realize that they really need us whether they like it or not.
    And if someone wants to take up on design and development, by all means do it the right way and learn as much as you can because we all could use some help.

    Sorry about the long post, had a really bad week.

    ( Reply )
    1. PG

      Robert November 14th

      Juan! I know exactly what you are saying BUT to be honest, this can be really easy with a real CMS like Drupal (not Wordpress) since Drupal has a great system architecture it allows for managing rights etc really easy. Wordpress really has a poor, poor system design, even tho I will get jumped by Fanboys, but it really has one of the worst system designs I’ve ever seen.

      With Drupal you could easily just allow them to edit text in a specific way or disallow them from removing certain texts, maximum characters, minimum characters etc etc..

      Now I will get wordpress fanboys around my neck, but seriously guys, when you’ve done a lot of agency work or similar you will notice that Wordpres sucks bad.

      ( Reply )
  26. PG

    LuK November 13th

    I don’t like the idea of the hosted “cms”…the inline editing is very nice but I want to have the full control over the script…so a very nice inline editing system is unify from unit interactive or a free version called editease (but this one is not very good documented and the developer is alone, so it’s not that complete as unify)

    http://unify.unitinteractive.com/

    http://editease.jquerystuff.net/

    ( Reply )
  27. PG

    Dimas November 13th

    I think one of the biggest feature that is not being talked about is the “includes” feature … reading a little more about lime, it seems like it supports master templates and page includes.

    Obviously I’m yet to see how this functions exactly, but come on, who builds static pages anymore (yes, yes, i’m sure you do), but I hardly do anymore, typically I create a template with basic includes. Most of my sites are PHP pages, usually regular PHP or within a framework like CodeIngiter, however I don’t think lime would work for CodeIgniter since it does URL rewrites and such, I’d be surprised if it did.

    ( Reply )
    1. PG

      Tom November 13th

      Hey Dimas – good point on the includes. I wish more people would check that feature of PageLime out!

      We have a way of working with URL-rewriters too, every page has a properties screen, where you can set an FTP target for each page.

      So for example, if you’re using Ruby on Rails, and you have a URL that reads like so: /pages/users/, which maps to /app/views/user/index.html.erb. To make this work in PageLime, you would have to go into the properties for that page, and set the FTP target to /app/views/user/index.html.erb, so that PageLime knows where to publish changes.

      Unfortunately, you would have to do this for each page :( .

      (Alternately, you could use our FTP-XML publishing system, that publishes XML files that you can pull content from via code… but that’s a whole different blog post I’m working in ;)

      ( Reply )
  28. PG

    Daniel Groves November 13th

    Nice tutorial. Enjoyed that one!

    ( Reply )
  29. PG

    Dood November 13th

    Wow. Making websites is getting easier and easier… Maybe one day, everyone will be able to make websites, and the web designer role will disappear.

    ( Reply )
  30. PG

    Montana Flynn November 13th

    Add SEO support! Editing the meta tags for each page would be sweet!

    ( Reply )
    1. PG

      Thomas McLeod November 13th

      Hey Montana! We do have full SEO Support since October 2nd! It even does this cool (i think) AJAX Preview of what your page looks like in a Google Search result.

      You just have to activate the SEO feature.

      We have a blog post about it here:
      http://blog.pagelime.com/2009/10/02/new-feature-allow-clients-to-update-seo-fields-using-pagelime/

      ( Reply )
  31. PG

    WebHostDesignPost November 13th

    Cool – Thanks for the post.

    ( Reply )
  32. PG

    NetTutsReader November 13th

    Nice Ad.

    ( Reply )
  33. PG

    gecko November 13th

    tnx really useful

    ( Reply )
  34. PG

    Simon November 13th

    Looks good, but I’ve used Unify and being hosted on your own server and a one off payment of $16, it is hard to beat.

    ( Reply )
    1. PG

      Tory November 13th

      +1 for Unify. Installation is easy and the interface is about as simple as it gets.

      ( Reply )
  35. PG

    r_jake November 14th

    Jeff – how about a comparison article for the best ‘light’ CMS options out there at present, with a particular focus on ease of use for the client. I’ve been eyeing up Unify too and would be interested to see how it fairs against similar products such as PageLime

    ( Reply )
  36. PG

    tz-foo November 14th

    IT sounded good just till I got to where it is a hosted service.
    That’s not something we do in-house. darn.

    ( Reply )
  37. PG

    ty UdaMan November 14th

    I was about to drop the “Unify” name in the hat, but I see there’s already been some discussion in the thread. Haven’t tried it but the price seems to good to be true.
    http://www.andyrutledge.com/unify-gush.php
    The other thing to set a client up with is something like Contribute, it’s not that easy to support I know for a fact.

    Inline editing is just so smooth.

    I’ld also like to see an article discussing light CMS options, and breaking them out by hosted services or just what.
    Thanks, I hadn’t heard of this one then.

    ( Reply )
  38. PG

    Michelle November 14th

    really interesting and useful stuff Jeff, thanks :)

    Following you on twitter now, please follow me back @ kaplangdesign

    ( Reply )
  39. PG

    paul November 14th

    Jeff, this article feels a bit to much like a plug for a comercial product. Keep that sort of stuff on the sidebar

    ( Reply )
  40. This is damn awesome. Will play with this today.

    ( Reply )
  41. PG

    Connor Zwick November 15th

    Great Post Jeffrey!

    Pagelime is a great tool to developers, just like any other tool like wordpress or joomla. I think this post is important, because it revealed pagelime to a lot of developers for the first time. It is a very good system, and will save a lot of developers a ton of time. They just need to give it a chance.

    Tom, you’ve done a great job with pagelime. It’s a great service and I thank you for making it available to all.

    ( Reply )
  42. PG

    snowflake November 15th

    Thanx for the great app.

    this is the most application i have ever seen that delivers exactly what anybody is searching for.

    great work
    wooooow

    ( Reply )
  43. PG

    Greg Michaels November 16th

    What do people think of Halogy? Similar, but fully hosted service. They only just launched it and seems user friendly and easy to use. http://www.halogy.com

    ( Reply )
  44. PG

    Chris Cagle November 16th

    Thanks Jeffrey – I personally prefer http://get-simple.info though

    ( Reply )
  45. PG

    erkasoft web tasarim November 16th

    thanks Jeffery,
    interesting app.

    ( Reply )
  46. PG

    Awesomedude November 16th

    Great APP. But, I won’t trust anyone with FTP user password. This would be great if you allow people to download and use it in your own hosting.
    Allowing 3rd party services to have control to my site won’t prevent tht some day it will be hacked and all the user/pass info will be stolen.
    Again, great tutorial and idea, but not for me nor my clients.

    ( Reply )
  47. PG

    fantasmo November 17th

    I checked out all the cms mentioned in the comments here. CushyCMS seems to be good, because the client can not touch the html.

    But one question:
    If I have a layout, which content is not based only on plain text with some and -Tags but for example where text articles are in div-boxes, to provide them with special css styles (for example every article should be in a green box with little background picture)
    …is it also possible to ADD content and not just EDIT it?

    Seems like PageLime can do it, but I dont want the client allow to touch any html-/div-tags. And CushyCMS seems like can only do EDITING than ADDING.

    Would love to hear any recommendations for that:-).

    ( Reply )
  48. PG

    xRommelx November 17th

    ill gonna use this in my next work, thank you for sharing

    ( Reply )
  49. PG

    albertomarlboro November 18th

    I love your screencast and always pay close attention to your suggests, but this time Im a little frustated because it smeals advertising :(

    ( Reply )
  50. PG

    alphafer November 18th

    PageLime seems like a nice program. Yet it always makes me laugh but also grind my teeth when somebody say “without any coding knowledge” It is like offering a dentist driller and say “You can be a dentist without any dentist training!”. Sure you can, but it’s going to by ugly.

    You DO need at least some coding knowledge to set the system up and to make proper changes. Even when opening the WYSIWYG you cannot rely on what you see because the html behind it may be a mess and you page will degrade with every change you do.

    Did you notice that the menu change has be done on every page? I guess adding that to the template may fix it across the site but I doubt it.

    ( Reply )
    1. PG

      Jake November 20th

      You can use includes for nav and repeating areas and just change the include. Though, and if you got a template with the css classes already in it, then you really wouldn’t need to change the code.

      ( Reply )
  51. PG

    Pozycjonowanie Olsztyn November 20th

    Nice tutorial, hmm?

    ( Reply )
  52. PG

    rap November 23rd

    is it safe to give my clients ftp this cms? :D

    ( Reply )
  53. PG

    Peter November 24th

    Dreamweaver CS4 also supports InContect Editing: http://tv.adobe.com/watch/learn-dreamweaver-cs4/introducing-adobe-incontext-editing/

    I prefer havin evrythig on my server though. With dreamweaver, in order to edit something, you need an Adobe ID. I think it would be weird to tel my Clients that they need to dign up with adobe in order to edit their site :)

    ( Reply )
  54. PG

    silvers January 6th

    i see a lot of moaning about pagelime on here but i think a lot of it is ignorance rather than a full critical appraisal. having used it myself i would definitely recommend it and i think that as it has more options than just the simple choices in other light cms that it is to be respected, not feared.

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    January 6th