How to use WordPress to create a custom Facebook Tab

Published in WordPress Pages

This video will show you how to create a custom tab for your Facebook Page using a plugin called “Facebook Tab Manager”.

The steps covered in the video are:

Create a Facebook Tab application in WordPress (the first iFrames tab shown was created using Gravity Forms).
Create a Facebook Application for the Custom Tab you just created.
Add the Custom Tab to your Facebook Page.
To create a “reveal tab” watch this video.

Visit Headway Themes to learn more about why it kicks ass!

Tags: custom post types, facebook

14 Responses to How to use WordPress to create a custom Facebook Tab

Susan
March 4, 2011 | 10:38 pm

So Im wondering, can we fire our designers now? Or become ones ourselves. And what the benefit of having fan page engine ? Just wondering if Im missing anything..
So do you have to sign in to be a designer for each new tab?
Thanks ! This was awesome!

Reply
- headwayvids
  March 5, 2011 | 1:18 pm
  
  Susan – There’s a huge difference between knowing how to build and design a website, and having good design sense. FanPageEngine is for folks that either like a template approach to building custom tabs (they have great designs, by the way…) and/or don’t have the technical experience to create an application.
  
  Reply
- Jonny
  May 30, 2011 | 4:32 pm
  
  Ouch Susan! As a designer you just hurt my feelings.
  
  Reply
  - Suz
    August 1, 2011 | 5:40 pm
    
    Sorry Johnny. Your always needed in one way or another.
    
    Reply
Hunee
March 14, 2011 | 7:08 am

Thanks for the video. I have a question though, I used the Site URL and Domain URL provided under Website Tab. I wonder why Facebook says this domain URL is invalid …

Site Domain: meetsamlive.com/?fbtab=about

And the Facebook Integration Tab UR….

Tab URL: [CANVAS URL]/ (Enter “” in the blank)

is literally, blank. Unlike what you have on your video.

Reply
- headwayvids
  March 14, 2011 | 8:09 am
  
  You have to point to a directory. meetsmlive.com/fbtab/about/ would work.
  
  Reply
Frances
May 22, 2011 | 12:09 pm

Thank you so very much… Love this, and it helped me so much… You are the best!

Reply
- headwayvids
  May 23, 2011 | 9:01 pm
  
  Thanks, Frances!
  
  Reply
Dani
May 23, 2011 | 8:25 pm

Hi. Thanks for the vid. What if we want to create numerous tabs for one FB page? Do I follow these instructions to set up each tab with a “different” app?

Reply
- headwayvids
  May 23, 2011 | 9:00 pm
  
  Yes
  
  Reply
Darryl H
May 27, 2011 | 9:14 pm

Thank you for this short awesome tutorial about creating Facebook Tabs.

Kind Regards,

Darryl H.

Reply
Mike Johnson
June 13, 2011 | 1:00 pm

If you are using WordPress, you might as well use a WordPress plugin that can do this better than what is being show here:

http://www.wpfacepages.com

Mike

Reply
- headwayvids
  June 13, 2011 | 2:14 pm
  
  Mike – thanks! What does $27 get?
  
  Reply
JR Peixoto
June 23, 2011 | 11:04 am

Thanks headwayvids,

It’s Realy helpfull.

Greetings from Brazil,
JR.

Reply