How to Create a Facebook Custom Tab for Lead Capture?

Not too long ago, life was easier for Facebook marketers; they could custom land the page visitors to a static page, and drive them to an action (for instance, liking their page, or even filling in a form), in return for something desirable (like Lead Capturing etc.).

Generating leads or garnering ‘likes’ was easier back then. 

That option, however, Facebook did away with, when they introduced the Timeline, back in early 2012. Therefore, a static landing page is not possible any more. However, what you can do is create a customised tab, and place it in your Facebook Page.

Today I would guide you through the process to create Facebook Landing Pages, and this is how the end product would appear:

 

How exactly would this help?

Now, this would help you because:

1) This tab would have its own URL, thus allowing you to link it to a Facebook Ad, or a post elsewhere.

2) People landing on your Facebook Page might also notice and click on it due to curiosity.

3) You can use this space, not just for a custom form, but to add a number of different tabs, for instance content of your YouTube Channel, your blog posts etc.


 

Let us get started then:

Steps to Create Facebook Landing Pages

There are quite a few third party applications that would allow you to create or host landing pages on Facebook. However, I will go with two applications that are extremely user-friendly and easy to set up –  LeadSquared’s Landing Page App (to host landing pages on Facebook) and iframehost (to create landing pages on Facebook). 

LeadSquared’s Landing Page App:

[Tweet “Use LeadSquared’s Facebook App to host a landing page for your company, on Facebook.”] Note that you have to create a landing page in LeadSquared first and then host it on Facebook. Here’s an E-Book that will help you create Landing Pages in LeadSquared.

Once you have created a landing page in LeadSquared, follow the given steps to host that landing page on your company page on Facebook. Here’s how you can get there:
Step 1: Log in to your company’s Facebook Page.
Step 2: Go to iframehost.comThe window in the below image appears:

install-page-tab

Step 3: Click Install Page Tab. It redirects you to a Facebook page.

add-page-tab

Step 4: Click the drop-down list highlighted in the image above and select the page to which you want to add your landing page.

Step 5: Click Add Page Tab. It redirects you to your page.

Step 6: Click Configure Page Tab.

configure-page-tab

Step 7: It redirects you to a woobox page.

edit-tab-content

Step 8: Under the Page Source column, click the URL. Enter the URL of your landing page. Select height as per your preference and select the type of audience who should see your landing page under fangate settings.

Note: The URL should be https URL as Facebook do not accept http URLs.

page-source

Step 9: Click Save Settings.

Step 10: Click Tab settings to change the tab name, tab icon and so on of your tab.

tab-settings

Step 11: Once the settings are changed, click Save Settings.

Once this is completed, go to your Facebook page and refresh. Your required tab along with the landing page is now present in your Facebook page.

Go ahead; create Facebook landing pages on your own now, and let us know how it went. 🙂

  • Bhagyesh

    Nyc article Meenu and awesome presentation. but don’t you think this is very antiquated and traditional. But anyway nyc and informative content.

    • http://twitter.com/MeenuJoshi1 Meenu Joshi

      Hey Bhagyesh, thanks for the kind words. The method has definitely been around for quite some time; however, we still get a lot of questions about it. So, I figured, better to write a post. 🙂

  • Pingback: 6 Steps to Create Facebook Landing Pages | Tech...

  • Pingback: 6 Steps to Create Facebook Landing Pages | conv...

  • http://sysberto.com/ Pavan Jadhav

    Looking Nice One….Will Try it For My Website(http://sysberto.com) With FB page 😀

    • Meenu Joshi

      Thanks Pavan. Let me know how it goes! Have fun creating it. 🙂

      • http://sysberto.com/ Pavan Jadhav

        Yeah Sure,By the way any Limitations ? Like License or anything ?
        Or it is free ?

        • Meenu Joshi

          Hi Pavan, creating such a Facebook landing page app using ThunderPenny is free. However you would need an external landing page URL. If you have that, there is no problem at all. Otherwise, you can create a landing page in LeadSquared (for which there is a 30 day free trial). Let me know if you face any problem in creating it.

  • Femi

    You are awesome, please keep it up

    • Meenu Joshi

      Thanks for the kind words Femi! Keep Reading. 🙂

  • http://www.arbschool.co.uk/ micheal mcallum

    Thanks for sharing a great help with us as facebook pages are really a must for getting SEO or SMM promotion useful

    • Meenu Joshi

      Thanks Michael; appreciate the kind words. Do share your experience of creating a Facebook Landing Page with us, once you are done with it. 🙂

  • Naresh

    thanq for sharing this post can i use this app and can i landed my whole website on fb

    • Meenu Joshi

      Thanks Naresh, Yes you can use this app to land your whole website on FB too.

  • http://websurgenow.com/joes-blog/web-design-rochester-businesses-want/ wordpress rochester

    Quite impressive post…………..

    • Meenu Joshi

      Thanks! Good to know you enjoyed it!

  • j_birdy

    Thanks for this… but what it the ideal size (px) for the image fangate option?

    • Meenu Joshi

      Thanks for dropping by! 🙂 The ideal size for image fangate option is 810 px * 500 px, because the maximum width of the custom tab is 810 px, and even though the tab can have as much height as you assign to it, anything under 500 px would appear in the first fold. Have fun creating this. Cheers! 🙂

  • Kukuh Santoso

    how to be full version???

  • Mary Elliott-Benjamin

    Hi, Step 4 says place Landing page URLhere. Where’s here ?

    • Meenu Joshi

      Hi Mary, by landing page URL, we mean the webpage that you want in this particular tab. If you already have a landing page, you can just paste the url here. If not, you can create one in LeadSquared. But, the url has to be https.

      • Mary Elliott-Benjamin

        HI, I understand, I’m just not clear where I enter the URL.When I go into settings there is already a URL there nd I can’t seem to be able to change it…I used Static Html: iframe tabs and have it all created and ready to go, just not sure how to get it connected . Right now it’s only visible if you click on the welcome tab…

        • Meenu Joshi

          Hi Mary, From what I can understand you are trying to create a custom static landing page for your Facebook page, so that people land on that instead of the timeline. Am I right? If this is the case, then Facebook has done away with this option in 2012. You cannot create a custom landing page now, where visitors land instead of the timeline.

          The benefit of this tab now is to drive engagement from the timeline. This can also be used in ads and in driving traffic from elsewhere, where you can use this app’s url. Sadly, custom landing visitors on this page instead of on the timeline cannot be achieved any more. 🙁

      • Mary Elliott-Benjamin

        I used static html: iframes and have it all set up and ready to. I’m just not understanding what to do next. Currently it’s only visible in the welcome tab on the fb page

      • Mary Elliott-Benjamin

        actually the first one I did I used that but the one we decided to use I used Image plus…

  • Mary Elliott-Benjamin

    Stp 4 says palce landing page URl here…Where’s here