Note: This post was updated January 15, 2014 to reflect Facebook’s latest interface.
In Part 1 of this series, you learned what you can and can’t do with Facebook’s timeline cover photo for brand pages. Today you’ll learn how to customize the images that display directly below the cover, called “apps boxes.”
What Apps Boxes Do
These clickable images link directly to various apps you’ve installed on your page. you can customize and rearrange the icons for most apps with a 111 by 74-pixel image and a short title.
The apps boxes you will not be able to customize are Facebook’s proprietary apps:
- Photos (which always displays as the first app on your page, and always displays your most recently uploaded image)
Need to Know
Before we get into the nitty-gritty of how to customize these images, here are a few things you need to know:
You can display a total of 12 apps, but only four of them (including “Photos,” which is always listed first) are visible on your timeline’s front page.
To see #s 5-12, you must click the arrow to the right of box #4, which opens a dropdown menu that displays the remainder of the apps you’ve added to this area. (If you don’t have 12 apps installed, you’ll see blank boxes.)
Since most users won’t click the arrow to view your hidden tabs, you must rearrange them based on their importance.
How to Rearrange Apps Boxes
Click the arrow to the right of your four apps to display all the apps.
Hover over each app box, and a pencil icon will appear. Click the pencil icon in the upper righthand corner of any apps box.
Under “Swap Position With,” click the title of the app you want to do a switcheroo with. Continue swapping until your tabs are in the order you want them to display.
How to Customize an Apps Box Image
If you upload an image that’s the wrong size for the app box, Facebook will automatically scale it. And that might not look good.
To make the image fit perfectly, first use image-editing software or an online image editor to create images for each tab that are 111 x 74 pixels.
Next, you’ll need to edit the settings of each apps box (except Photos, which you can’t edit).
Again, click the the arrow to the right of your four apps to display all the apps, and then click the pencil icon in the upper righthand corner of the apps box you plan to edit.
Click “Edit Settings.”
You can now edit both the title of your app box (custom tab) and customize the image associated with it.
Type in a short name for your tab and click “Save.” I suggest creating a call-to-action, such as “Read our Blog” or “Download Freebie.”
Now it’s time to customize the image. Next to the Custom Tab Image, click “Change.”
Upload a JPG, GIF, or PNG file of 111 x 74px from your hard drive.
When you’re done, click “Okay.”
Here’s Coca-Cola’s apps boxes. I like the way they use their signature bright red theme throughout.
Facebook Page Cover Photo Samples
We’ve been busy designing and installing custom timeline cover photos for our clients.
Here’s one we created for best-selling novelist, Davis Bunn:
And here’s one we designed for one of Davis’s book campaigns:
We created a photo collage for Spane Buildings:
Need a cover photo and apps boxes designed?
Contact us for a no-obligation estimate. To create your cover image package, we’ll need the following from you:
- A description and/or rough sketch of what you’re looking for (the more specifics you provide, the better).
- Do you want one large picture on the cover?
- A series of smaller images? If so, how do you want the images laid out?
- Will your cover include your logo? A photo of you and/or your staff? Your products?
- Attach the photo you will you be using for your profile picture (the square image that’s overlaid in the lower lefthand area of the cover). Think about how that photo will complement (or clash with) your cover photo.
- What is the exact text you will display on your cover (text is not required). Where do you want the text to appear?
- What colors do you want (for text, or overall color scheme)
- Please attach all image files you wish to include in your cover. If you do not own the copyright to the image, explain who owns the copyright, and include the necessary permissions for you to use the photo. If you are using stock photos, include a link to the exact web page from which you purchased the photo, or to the creative commons page from which you downloaded the photo.