Read About Stuff We Do. Pagelime Blog.

Content Management for Designers and Agencies.

Quick Hit: Fixing common issues.

May 29th, 2014

Hey Limers…. We just wanted to give you a quick post on common errors you may see as your working with PageLime. Most of these errors are caused by your site’s code and/or hosting company and are easily fixed. Here’s a quick run down…

FTP Errors
This is the most common error you’ll see in PageLime. You’ll work hard to get your site up and running and editable for your clients. Your client is thrilled and your feeling god-like, but months later your clients calls and says its not working… In most cases your client may have changed their ftp password unknowingly and most likely when they were renewing their hosting account. This happens to just about every client and is an easy fix. You simply need to contact the hosting company and get the new ftp username and password, then add these to the SITE SETTINGS page inside Pagelime. Be sure to test it and get the green checkmark.

There are some other reasons for FTP errors. Less common ones include the hosting company blocking or blacklisting unknown ip addresses, including PageLime. That doesn’t mean all hope is lost. It simply means that you’ll need to contact your hosting company and provide them with our public IP address to “whitelist” our access. Generally this will also whitelist our IP address for all other customers as well so its a good chance this is already done if your using a popular hosting company.

Some more advanced hosting companies can provide you with more admin level access to your hosting plan. If so you can manually set your “whitelisted” ip address in your control panel. This maybe commonly referred to as a firewall.

Site doesn’t look different after a publish.
Oh this is an annoying one. This happens when your site’s code has errors. There is a pretty easy way to fix this. Validate your each of your site’s pages using a service like http://validator.w3.org. This will search your site for any errors you did while building your site and provide you with the location, an explaining of the error and suggested fix. Its very important that you fix these errors on every page of your site. We also recommend you use the HTML5 doctype rather than the older HTML4 or XHTML doctypes.

Next its a good idea to validate your site’s CSS. Common errors include nesting block level elements inside inline elements, uncleared floats and incorrect absolutely positioned elements. These error can both cause PageLime to stop publishing and cause the EDIT buttons to not work properly inside PageLime.

And finally be conservative on your use of bleeding edge html5 tags and attributes. Most tags like header, footer, section, etc are supported but some newer attributes like data=”" are not fully supported (yet). We have every intention of fully supporting these as they become widely accepted and there is no chance the spec or browser support changes.

Weird characters showing up on the site.
This doesn’t come up very often but its annoying enough. Most of your clients will draft up their site’s content using an app like Google Docs or MS Word. These apps generally add their own meta data that when copied to Pagelime can cause some issues. In our WYSIWYG editor we have included both a [PASTE AS PLAIN TEXT] and [PASTE FROM WORD] button that will strip out these characters. However some of your clients don’t know about these buttons or they simply paste it in via the keyboard using CTRL(CMD)+V. Please make sure your clients know about this potential error or better yet have them draft up their content using a plain text editor like notepad or textedit.

Hope this helps!


Roses are red, violets are blue, building a blog is as easy as one, two… (part 1)

February 23rd, 2014

Bloggidy blog blog boo.

Hey there! So rumor has it you want to blog? And you want it powered by PageLime. Hmm. Let’s figure it out!

So PageLime has to most magical feature ever made by man-kind… Repeating Regions! This voodoo is so versatile that it can be use to make all sorts of great UX for your website, including blogs, image galleries, image sliders, site navigation, lists, itineraries and even cool yummy lime-ade. Okay maybe not that last one.

With great power comes great responsibility.

Lets be intelligent for a second shall we? Here at PageLime we always try to use the right tool for the right job. That’s why we built PageLime. So many of today’s popular CMS apps have way to much… shhhtuff. They have so much stuff they are just a chore to integrate. We don’t want that for PageLime.

If you have a client that’s asking you to build them the next award winning tech blog or you are looking for a pro blogging application, you may want to look for a different tool. Pagelime is designed for static web pages and is a great choice if your client wants a very basic blog to keep the masses up to date. Cool beans?

We expect you to have a bit of HTML & CSS chops. You should be comfortable creating html pages, working with divs, classes, IDs, etc. You should also have a basic knowledge of CSS. If you also have a bit of PHP knowledge great, but not required.

Building a basic one page blog

Life in the fast lane? A blog doesn’t need to be over complicated. If your client is a restaurant, accountant or small business do they really need categories, permalinks, trackbacks and gremlins? They may just need a single page where they can post their recent news and updates.

As the designer/developer you’ll want to create the blog in code first to get the look and feel setup. At the basic level a blog post is just a title, some body text, date and author info. You can use CSS to style this really nice and voila you have the start of a great and very basic blog! Lets make it editable.

<article id="editableBlogPost" class="cms-editable">
<h1>Blog article title</h1>
<span>January 30th, 2015</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div class="posted"><img title="superlimeman" src="images/superlimeman.jpg" > Posted by Super Lime Man</div>
</article>

This entire block is now editable. Your clients can edit it to their hearts desire. What if your client wants to add more blog posts? Easy cheesy. Adding the cms-repeat class makes the post repeatable. Your clients can move, create and delete posts. Wow!

<article id="editableBlogPost" class="cms-editable cms-repeat">
<h1>Blog article title</h1>
<span>January 30th, 2015</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<div class="posted"><img title="superlimeman" src="images/superlimeman.jpg" > Posted by Super Lime Man</div>
</article>

At this point you can publish your new blog, call your client and pat yourself on the back! For many clients this is all they will ever need and you’ll be their new hero… Super LimeMan!

Project files can be found at Github. Enjoy @kjsampat


Better branding with PageLime

January 17th, 2014

Need help branding your PageLime account? Super Lime-Man to the rescue!

PageLime offers a robust way to rebrand your account, with a custom UI, login page and forms to add additional logins as needed. Here’s what we are going to create.

1. Customize the PageLime UI with new colors and a new logo.
2. Setup a branded login page for all users.
3. Setup a new CNAME record to create a custom URL for login.
4. Setup a help page.
5. Setup a logout landing page.
6. Setup secondary login pages for content pages.
7. Setup the Reseller Panel

Customize the PageLime UI

So lets get into it. PageLime allows you to change the colors and logo displayed. This allows you to bend PageLime to your will. The first thing you will need is your company logo. Check out our blog post on Optimal Logos to get this just right.

In a nutshell PageLime has a background-color of #f9f9f9. Place your logo on this background-color using a tool like Photoshop to give your account the custom built look. Make sure to keep your logo at 200px wide, the height doesn’t matter.

You can then change the colors of your account to match. We recommend using key colors from your logo to tie things together nicely. Make sure while your on the Account Settings page to give your custom version a great name to go along with your branding. When your done, hit save and refresh the page to see the changes!

Setup a branded login page

This causes a lot of confusion for our new designers and developers. Who just aren’t sure how the login page works and how users will use the login.

Let’s make this simple. Every PageLime account and their users can login via our normal PageLime login at cms.pagelime.com. However you want more! You want something sexier! Something with some limey-goodness! You want your own company branded login!

Premium accounts can setup a Custom Login URL for all their users. Keep in mind its one common login for all users on that account. Each of your clients will come to the same page to login. And this is a great thing. It keeps you and your company at the top of their mind when working on their own website. It keeps your brand front and center.

On a side note there are a couple ways to make additional login pages and we’ll discuss them later on.

To setup your Custom Login URL you’ll need to visit the Account Settings page again. Here you see a Custom URL field. This is where you can register your Custom Login URL with PageLime. You can make this whatever you want, but subdomains are the easiest to create. So for example if your business is called Frontview Designs and your normal website is at frontview.com you can setup your Custom Login URL as…

cms.frontview.com
or
login.frontview.com
or
signin.frontview.com
or
my.frontview.com

Get the point? You can make it whatever you want, just be sure to register it with PageLime on the Account Settings page. Keep in mind it won’t work yet, but feel free to see for yourself. Don’t worry I”ll wait for you.

Setting up a CNAME record

Next is setting up the CNAME. This seems to be the hardest part for most users and that included me the first time around. The reason its so darn frustrating is because this is done at your hosting company and each company has a different way to do this. On top of that you generally have to wait a day or so to confirm it worked. Not so lime-tastic huh?

Check out our docs at docs.pagelime.com. We have posted a few of the walk-thrus for popular hosting companies.

So lets explain whats going on here. CNAME is a really fancy way of just sending your users from one URL to another. Specifically the Custom Login URL you registered with Pagelime is pointing to our login page at cms.pagelime.com. When you use a CNAME you basically masking the original URL and using the new alias URL in its place. So your users will see your Custom Login URL rather than our PageLime login.

Here’s an example of this using IXWebhosting. You’ll see that we have created a new CNAME record. You maybe tempted to add your entire domain but you only need to add the subdomain portion in the “name” field. So I have added “cms” here. The cool thing is that your host will create this subdomain automagically for you so don’t manually create it.

In the “data” field we are going to add cms.pagelime.com here. This will make the connection between your custom login URL and PageLime.

Now normally you would pat yourself on the back for a job well done, close out of your webhosting account, close PageLime, grab some lemon-aid and come back for a quick test. But guess what. It didn’t work..

Thats because lemons are just so un-cool. That and because most web hosts have a the cache time set really high like 12 hours or something. So you end up waiting a day or so to see if it worked.

You can fix this! You can change the TTL to something much quicker like 300 seconds. This will speed up the DNS so you can see the magic much quicker. Unless you did something wrong then its back to step 1 for you. Once it is setup you won’t have to worry about it ever again.

Setting up a Custom Help URL.

By now you should have a wonderful looking Custom Login URL for all your happy users. But what if they run into a problem and need your help? Do they run up to the roof and flash the lime signal? Well sorta.

PageLime comes with a nifty little Custom Help URL that you can set. Lets go back to the Account Settings page. If you look towards the bottom right of the page you’ll see a little Advanced Settings button that will open up a few more options. We like hiding goodies.

Here you can set the Logout URL and the Help URL. These are also great ways to brand your business and connect with your users.

Unfortunately we don’t have any pre made help pages for you. You’re on your own here. We recommend you create this to fit your brand and need. But we have some great ideas. Your custom help page should live on the same domain as your normal business website. If your a web design company or freelancer, then adding in a contact us form for help, along with tips and tricks to using PageLime is a great way to show that you ready to help your users. Many of our designers and developers also create their own branded user videos and embed them on their help page.

Setting up a logout page.

While most users probably won’t ever hit the logout button, some do, and its a great way to pimp your services. You can set the logout URL on the Account Settings page. You can set your logout page to be anything from a google search page to your latest blog entry. Be creative and be good.

Setting up secondary login pages.

Every PageLime Pro account comes with one Custom Login URL where all your clients can login. However at times you may need to create another login page or two.

Lets say you want to combine your login page and your blog into one super bloggy login page! You can do that. We have created a login form that you can paste directly on to any webpage that will allow your users to login and see your branded version of PageLime. Visit our docs.pagelime.com page to grab the form code and learn more.

Simply paste the login form where you need it. Next we need to change the form action to point to your previously setup Custom Login URL. Replace ‘”cms.mydomain.com” for your Custom Login URL. Thats it. Now your free to use your ninja css skills to make that form look purty.

Business accounts have one additional benefit. They can have more Custom Login URLs!! Yup. Business accounts can also set up a Custom Login URL for each site along with a Site Theme.

So how does this work? Well you set up your account branding and login already, this your default styling and branding for your entire account. but lets say your company has a sub-brand or your client has a number of websites in PageLime, you can set a secondary brand for these clients specifically.

To do this you would go directly to the Site Settings page for the site, under the Advanced tab you’ll find the Site Theme section. Here you can add a new Custom Login URL, logo and colors just for this site. Keep in mind each new Custom Login URL will need to be setup via a CNAME as well.

From here you can still use our custom forms to create as many logins as you need.

Setting up the Reseller Panel

Did you know you can build your entire business around PageLime? Well yes sir you can! We have thousands of designers and developers who do just that and they make income in the thousands each year.

The Reseller Panel is optional and it’s optional per site. So you can bill some clients and not others. You can also set your monthly fee. We keep a small portion and pay you when you request. We will handle all the billing and dunning. What is dunning you ask? We’ll email your clients when they need to update their credit cards or if their cards declined. Don’t worry everything is white-labeled and we don’t have any staff members named Vinny.

Lets take a look at the Reseller Panel. You’ll find this under the Manage Account tab on your Dashboard. You’ll be asked to add some information so we can send you payments via paypal.

Next you’ll want to turn on the specific sites for reseller billing. You find this on the Site Setting Page. Enable Reseller billing and you’ll be prompted to set your monthly rate for that client. You can also set a yearly amount if you prefer. The next your client logs into your custom version of PageLime they will be prompted to enter their card and billing information.

Visit our Reseller page to learn more.

All done?

Well I guess thats enough for now. Hopefully you have a better handle on how to get your branding setup with PageLime, how your users will login and how to get the CNAME working.

Let us know if we can explain anything further! Later limers. @kjsampat


Happy New Year… and here’s to 2014!

January 2nd, 2014

Hello and Happy New Year from the PageLime team!

We’ve put together our resolutions and great news they all focus on making PageLime more awesome!  Yes more awesome! Or if you prefer more limetastically cool. Or lime-alicious. Either way its going to be a great 2014!  We’ve been thinking a lot about our developers and designers and we want to know more about what you need and want from PageLime.

To kick things off we are planning a few upcoming tutorials for PageLime. What would you like to learn about? Are you itching to create an awesome responsive site with Pagelime? Or would you like to learn how to integrate image galleries and sliders? Perhaps your working an a great web application and your wanting to integrate PageLime! Let us know.

You can sound off right here in the comments, add your feature requests to our user voice page at pagelime.uservoice.com or you can email us at support@pagelime.com.


The 90′s called. They want their RSS back!

October 15th, 2013

Hey Limers… The 90′s called. They want their RSS back! Oh and we have a few new goodies up our sleeves.

Yup you heard us. Hand it over. The PageLime RSS feature was originally added to alert subscribers of content updates made to sites in PageLime. Over the years very (very) few of our limetastic designers and developers have used the aging feature. Since we want to focus on making really cool stuff for PageLime moving forward, we will be removing the ability to create new RSS feeds, from inside PageLime.

What have we been up to lately? Making sweet delicious lime-ade! PageLime has been growing by leaps and bounds. To keep up with our amazing growth, we have placed a lot of our effort into cleaning up the experience and providing better e-support. In the past year we have added a full time support team member to help with your technical and billing questions. We have also moved our application to a new faster and more reliable server.

We also quietly rolled out a small feature that allows your users to contact you for help. If you visit your account settings page under advanced tools you’ll be able to add both a logout and custom help URL. We hope this is great way to strengthen your brand and relationship with your users.

More big limetastic news! We have been hard at work building and testing a new version of PageLime, specifically for those Limers who build applications. The PageLime plugin for Heroku is currently being alpha tested and will be released for beta in the next few weeks!


Per-page-permissions UI update

March 7th, 2013

We’ve recently updated our per-page-permissions UI by breaking out the detailed permissions into a separate section.

From now on, you can access the per-page and detailed site permissions for a user by pressing a link next to the site name, that takes you to a dedicated page for updating the permissions. Check the screenshot below:

We liked our old single-page UI for small accounts but we made this change because a number of our clients have 1000s of sites and pages on their accounts, and updating them on a single page was not working well.

If you run into any issues with permissions over the next few days let us know at support[at]pagelime.com and we’ll check it out.


Coming Soon: Pagelime Heroku Add-on

December 3rd, 2012

We’re big fans of Heroku as an application (and website) hosting platform. One big problem with Heroku is that short of installing a CMS database into your app, you need to execute a “git push” command to update your content.

We believe we have a solution.

We’re working on a Pagelime Heroku add-on that allows you to update your content using Pagelime, and you don’t have to manually change your code, execute push commands, or install any additional databases or key-value stores.

If you’re running Rails 2 or 3, simply add the Pagelime add-on, install the pagelime_rails gem, and you’re good to go.

We’re currently in private BETA, and if you’re interested in helping us test this feature, submit a contact message and we’ll add you to the BETA.


Pagelime grew by 90% in 2011

March 2nd, 2012

We’ve almost doubled in size in 2011. Thanks everyone! It’s been a great year… now everyone go and upgrade to a Pro account so we can afford all the servers! Seriously though… we’re going to take this success and turn it into limeade! We’re working hard to release some great new features and products, including our Heroku Plugin and the long awaited Blog Module. We’re also looking to grow the team, so if you know any Web Developers (could it be you!?) that are looking to join our rag tag team at Pagelime and help us with building the product, managing customer relationships, and executing some smooth marketing – send em on over to contact[at]pagelime.com.


Pagelime 101: Tips for Repeating Regions

December 13th, 2011

One of our most popular features is the “Repeating Region”. However, it also causes quite a bit of confusion when you’re first starting out. Here are a few tips for getting everything working just like you expect.

#1 – You can make a repeating region editable!
If you place both a “cms-editable” and a “cms-repeat” on a Pagelime-able element,  you will be able to edit and repeat that piece.

Example: <div class="cms-editable cms-repeat" id="textblock1">Pagelime rocks multiple times</div>

 

#2 – Apply your styles to a class.
When we repeat a region, we need to place a new unique ID on it so that Pagelime can also target that element for editing. Because of this, any styles that you would like to see repeat, need to be attached to classes. We bring all the classes to the newly created element after a repeat action has occured

Example: <div class="thiswillbesaved blue cms-repeat" id="thiswillbechanged">Pagelime rocks multiple times</div>

#3 – Wrap everything completely
If you want to repeat a table, image, or create blog-like functionality wrap everything. Don’t do multiple repeating regions. Just take the whole set of elements wrap them in a div or span and place the editable classes on that. Feel free to make as many editable regions within there as well, but make sure to keep rule #2 in mind.

Example:
<div class="cms-repeat" id="whatever">
<p class="cms-editable" id="title">I change my mind:</p>
</div>

Full Page Source Code Backups – Premium Feature

October 12th, 2011

From now on, on Premium Accounts only, Pagelime will back up not just the content history (as we have done so far) but also full page code each time a user publishes a page. We will securely store a copy of the page source code, as it was right before we upload the new version.

Read the rest of this entry »