Facebook Timeline – Creating Capture Pages And Interactive Sites

Facebook Timeline – Creating Capture Pages And Interactive Sites

That’s right – Facebook did it again. The way facebook business pages are created have been changed forever. Some complain, some love it, either way – you don’t have a choice in the matter. As a top contender for the world’s leader in traffic, it only makes sense to have a presence on facebook.

In my personal opinion, I love the new changes with timeline. Now, anyone can have a complete website online within facebook, capture page system and all – pretty cool if you ask me.

This video tutorial will go over the latest changes to help you in developing a well established brand with facebook pages using timeline.

How To Create A Capture Page With Facebook Timeline

 Click the expand option (lower right) to watch full screen and the < option to share.

Getting Started – Notes:

  • To get started, be sure that you are logged into facebook and go to http://www.facebook.com/pages/create.php
  • Select the appropriate box, i.e. “Public Figure” and fill out the short form.
  • Be sure to choose a vanity URL that makes it easy for others to find you.
  • Simply follow the step by step instructions until the ‘tour’ is complete.

After the ‘tour’ of your page is complete you should now be on your admin panel. From here, you’ll want to design or upload an attractive “cover”. If you are a stickler for design and want the best resolution, I have found the best size to be right around 851 x 315 pixels.Actually – just so you have them – here are all the exact dimensions:

  • Cover photo: 851 x 315facebook-image-sizes
  • Profile picture: 180 x 180
  • Thumbnail image for apps: 111 x 74
  • Highlighted & milestone images: 843 x 403
  • Images within wall posts display as 404 x 404.

Don’t freak out – if you can’t size your image exactly, facebook does it for you. To be honest, I don’t think mine are exact either. : )

I use Photoshop to create my own covers but you have plenty of options when it comes to design. For example, you can:

  1. Hire someone to design your graphics for you at elance.com or fiverr.com
  2. Use a free image editing software such as PhotoFiltre.com
  3. Resize an image you already have on your pc by using free tolls such as Resizr.com

Here’s an example of my timeline ‘cover’ page design (Click to enlarge):

facebook timeline cover design

 

Note: be sure to review the facebook guidelines for what is and isn’t appropriate for your “cover” image.

Designing Your Pages, and Tabs

Now that your cover page is complete, it’s time to get creative! Let’s give your fans and followers the ability to subscribe to your email list, and connect with you on your other social channels such as youtube, twitter, and maybe even hold a poll to interact with your visitors.

We’ll do the tough (but fun) part first…

Creating A Capture Page With Facebook Timeline

Creating a capture page with timeline is much easier than one might think. Using a couple apps and some online resources, we’ll complete this task 100% FREE.

StaticHTML-iframe-tabYour first step is to do a search for “Static HTML: iFrame Tabs“, then select “go to app” and select the fan page in which you would like to install the app to. Now that your app has been installed, you will find a new ‘tab’ on your “cover page”. Simply click the tab that you would like to edit. An HTML editor will open.

If you don’t have a vast knowledge of HTML (like myself), you can use a WYSIWYG (What You See Is What You Get) editor. I personally recommend having your own wordpress blog online, or using a resource like Empower Network for this. If you prefer, you can use free online resources such as HTMLEditor.in. Any of these will do, although I feel wordpress and Empower Network are easiest to use, and YOU own the content once it is published.

Start Here image for facebook tabSimply make the edits by watching the video above, then change the ‘tab’ image to attract your visitors to click on the tab.

Repeat this process for any additional pages you would like to add.

Examples:

My Capture Page:

For my capture page (also known as a squeeze page, or opt in page), I created the following header image (click to expand):

jon-mroz facebook header image

Then, I created a web form with aweber.com (more information on autoresponders here), and added a video.

Finally, I added a footer image as seen here (click to expand):

jon-mroz facebook footer image

Using a Unique URL To Direct Traffic

In the past, facebook allowed their users to set default landing tabs. Unfortunately, you can no longer have your visitors land on a specific tab on arrival to your page. However, since each app has it’s own unique URL, you CAN purchase a domain, or use a link shortner to direct traffic to an app URL of your choosing. For example – If I wanted to have people bypass my facebook landing page and go straight to my facebook capture page, I could simply send them to: JonMroz.com/FBCP

Optional Blur Effect To Entice “Likes”

If you are hoping to create the blur effect, I use a tool called “Snagit”. I Believe there is a free trial version to this as well.

Simply take a screenshot of your page and upload it to your host… or to photobucket.com (example) if you don’t have your own hosting account. When you get the address to where your image is located (your URL) simply use this code – <img src=”Your-Image-URL-Here”/>. Paste that into the Non-Fan section.

If you are not the tech type, but still want a fancy, well designed fan page online, this is the best and cheapest solution I found – Double Your Likes

My Training Page:

For my training page or ‘tab” I simply uploaded one image to the FBML app (just do a facebook search as explained above) and hyper-linked that image to an existing capture page. This is a GREAT option for those that still want to create a business page with facebook timeline but the above mentioned is just a tiny bit too technical. With this option, you  can simply upload an image to the Internet, get the URL of that image and plug that into your FBML tab using the following code:

<a href=”http://www.your-capture-page.com” target=”_blank”>
<img src=”http://your-image-url-here.jpg” border=”0″ alt=”Click Here To Visit My Page!” />
</a>

Example: (click to visit my bootcamp series)

jon mroz facebook time line iframe training page

 

Connecting and Interacting With Your Visitors

Be sure to tell your story. Here is a great resource from facebook on what timeline can do for you: https://www.facebook.com/about/timeline

Now that your offer is in place and you have a way for your visitors to subscribe to your email list, it’s time to add the final tabs. Adding apps such as youtube and twitter gives your fans and followers a way to connect with you thru other social channels and it just makes your site a bit more interactive, fun and sociable.

There are thousands of apps, so get creative here. Just be sure not to overload your page distracting your visitors from the primary reason they should be there – to connect with you.

facebook-appsA few of the apps that I chose to work with on my page were:

  • YouTube for Pages
  • Twitter Feed for Pages with TradableBits
  • Polls Survey tab for Pages with TradableBits
  • Notes

… and again, the apps I used in the capture page section above were:

  • Static HTML: iframe tabs
  • FBML

A finished page could look something like this – JonMroz.com/FB

And while we’re on the topic – be sure to connect with me on my page and let me know your thoughts…

So, what do think? Will you be using timeline and facebook pages to market your business? Leave your comments below and “Share” this with your friends on facebook.

I’m looking forward to seeing your page when you have it complete!

Yours In Mastery,

Jon Mroz Signature

Want To Work With Me? Learn How Here

If You Do Not Have A Step By Step Blueprint In Place To Generate You Leads On Demand, Click Here

Did this facebook timeline / capture page tutorial help? Be sure to “Like”, “Tweet”, or “G+” and leave your comments on  facebook below : )

 

 

Comments

comments

, , , , , ,

10 Responses to “Facebook Timeline – Creating Capture Pages And Interactive Sites”

  1. Antonio Says:

    Jon,

    Once again..Great Job!

    Looking forward to learning More.

    – Antonio

  2. Jon Mroz Says:

    Thanks Antonio! I appreciate the feedback :)

  3. Deborah Peters Says:

    Great post, many don’t know about all this regarding fb, ty for sharing :)
    Deborah Peters´s last blog post ..1,000 Smiles | Day 25 | Mothers | Calzone

  4. Lars Says:

    This is a great information site. Thank you!

  5. Steven Says:

    Very informative article. A lot of people don’t like Facebook timeline but it’s a fact of life now and they should take full advantage of it.

  6. Margarita Says:

    Jon,
    great information put together here. I will follow the steps and create my own page. Thank you!

  7. Rosanne Says:

    Jon-This training was excellent. Thank you for sharing with us.
    It was very helpful.

    Congrats on all of your success.

    Rosanne

  8. Kingsley Says:

    Jon, thanks for this and all the great free training you have sent me.
    I can’t wait to work with you with Leadnetpro.
    Yes I intend to use Facebook pages to help market my business.

  9. Tom Lincoln Says:

    This was a great lesson on FB Apps Thank You John.

  10. Jim Says:

    Hey Jon, As always you are so generous with your training! This is just what I was looking for. Thanks a MILLION!!!

    Jim
    Jim´s last blog post ..How To Generate Up to 350 FREE Leads Per Day On Facebook!


Leave a Reply

CommentLuv badge

UA-9621589-5