Facebook Timeline – Tabs & Static HTML

Hey Folks, Here’s a quick step-by-step tutorial for you on setting up useful tabs on the new facebook business pages timeline. This has increased traffic to my site by around 80% so far, but if you have a lot of Facebook traffic, it will make a massive difference.

I’m going to use a page on Free Guitar Lessons that i’ve had kicking around for a while not doing much so let’s set it up for this training.

OK, If you have a business page set up, go directly to step 5. If not, let’s get cracking…

Step 1. Log in to your personal facebook account and browse to https://www.facebook.com/pages/create.php

Step 2. Choose “Brand or Product” > “Website“. Enter your brand’s name and check facebook T&C’s > “Get Started

Step 3. “Upload Image” Minimum dimensions 180px x 180px (Although FB resizes to 160px OR 125px depending on the day of the week;))

Step 4.  Enter Basic Info (Tip: Enter site address – this will be at the top of your page eg. http://jamorama.learnguitar21minutes.com/ <– FREE Guitar Lessons. You want to make it easy for users to get to your offer / website)

Now you’re set up with a Business page, let’s add some “Call to action” Tabs.

Step 5. In the top box, type Static HTML and click on “Static HTML: iframe tabs” See “Image 2″ below.

Image 2

Step 6. Click “Add Static HTML to a Page” and select your appropriate business page.

You will now see the tab has been added to the header of your site. Now we need to go in and edit this tab.

Step 7. Click the downward arrow to the right then hover over your Static HTML tab and click “Edit Settings” (Image 3)

Image 3

Step 8. Here you can change the name of your tab (keyword friendly please:)) plus upload a call to action graphic eg. FREE EBOOK etc. Dimensions 111px x 74px

OK, now we’ve set up the tab, we’ve got to go into the code and point people to our offer / website.

Step 9.  On your page, Click on your tab and you will see 2 HTML boxes where you can post your opt-in forms, graphics etc. I’m going to show you how to redirect this page to go directly to your site.

Step 10. Enter the following code in the top HTML box:

<a href="http://www.your-site-address.com" target="_blank">CLICK HERE</a> For Your Site
<meta http-equiv="REFRESH" content="0;url=http://www.your-site-address.com">

Click Save. (Don’t worry about the bottom HTML box – Not neccessary for this exercise)

This will redirect the user to your site within the Facebook look and feel, giving the user a seamless browsing experience in as few clicks as possible.

NB. Another thing to bear in mind: The last photo you upload to facebook will always appear in the first tab (photos). I’ve uploaded a right-facing arrow to make sure they know where to click (again tab dimensions should be 111px x 74px).

Good luck folks and drop me a comment / like / share if you found this useful.