How to Set Up a Custom Facebook Landing Page App

Last Updated on

how to set up a custom facebook landing page app

A lot of businesses advertise their Facebook pages — whether it is in-store, on their website, on the business cards, or in an email signature. The goal of the promotion is to get people to “Like” their pages — so the next time business posts an update, it has a wider reach and can engage more people in the conversation.

A few years back you could change the page on which people landed when they first visited your Facebook page. This feature went away with the timeline. But it’s still possible to craft a custom message and send people to a specific page on Facebook. When pointing people to your Facebook campaigns then use a direct address of the custom Facebook page.

Related: How to Create a Facebook Campaign
Facebook marketing campaigns have become a part of every marketers toolbox. However, while browsing through the web, I still come across plenty of examples where businesses fail with structuring their campaigns. Continue reading

As a Facebook Page, you should have a clear strategy for your communications — just getting “likes” won’t cut it, it simply supports your strategy. Priit Kallas wrote a great post about creating a social media strategy — read it if you don’t yet have one!

In this post, you’ll learn how you can simply create a custom landing page and serve custom experience to visitors of your Facebook page. Something like the Gary Vaynerchuk does (you can see other great examples of Facebook landing pages here):

gary vaynerchuk facebook landing page

Gary’s Facebook page: specific page apps for people who want different things.

I order to setup your landing pages, you’ll need:

  • Access to a PHP hosting
  • SSL certificate so your content can be accessed via “https”
  • Design pages to be shown as page apps
  • Facebook Page Admin rights

Before we get started, let’s get some terminology straight. Before Facebook did several rounds of redesigns, it used to have Tabs on top of the Facebook Pages, which served as primary navigation for pages. Then there were tabs on the side, etc. Through endless UI changes. Today, these tabs (Facebook page apps) have moved to the left side as a navigation menu. We call them “Page apps” or “Facebook landing pages” and that’s what’s I will be using throughout the post.

Here’s a screenshot of what is considered to be “page apps”:

facebook page app

Now when we have this straight, let’s get started! We’re going to see how to add a custom tab to a Facebook page step by step…

1. Grant Access to the Facebook’s Developer App & Do a Basic Setup

Go to and click on Click “Register now” button.

facebook developer register now

Then the Facebook will show you something like this:

facebook developer confirm


facebook developer confirm

2. Now it’s time to add a new app to your page.

add facebook page app


3. Create a new app ID.

create facebook page app id

4. Go to the Facebook setting tab.

There you will find an application ID, app secret, email etc.

facebook page app settings

With this basic setup, you now have the App Id and a App Secret code you’ll need to use on the pages you’ll show to users. Add a platform where the app will be used.

5. Select platform for your page app

create facebook page app platform

6. Adding your page to Facebook

Now you have to add the page that will be used as the content of your Facebook custom page. It has to be a secure URL. This means HTTPS. Attach an image to your tab and don’t forget to save changes.

facebook page app settings secure url

7. Then go to app review to publish it.

facebook page app settings publish

After clicking the make the app public you have to confirm it.

facebook page app settings publish confirm

8. Getting the app on your page

This is the most important step and you need to pay attention to do it correctly. Type the URL as follows

Copy the App ID from step 4 and paste it in the URL then again from step 4 copy the secure URL and paste it in the URL. Take the full URL with you ID and page address and paste it into your browser.

facebook page app publish url

9. Select the page you want the app to appear

This page will come up after pressing enter. Select the Facebook page in which the app will be shown.

facebook page app select page

Now you can visit your Facebook page to see the results. Custom page app is now visible on your Facebook page. You can re-order the tabs but “Home” and “About” will always be at the top.

facebook landing page app complete

I hope this how-to was easy to follow. Test it out in action and make your Facebook page more engaging.

Priit Kallas

Priit is the founder and CEO of DreamGrow Digital, an internet marketing and social media company. With his 20+ years internet marketing experience he is Helping companies to understand and use the digital marketing to reach their target audiences. He's also writing on a personal growth website He has spoken at hundreds of seminars and conferences on different aspects of internet marketing. Priit is also the organizer of Digital Elite Camp, a leading traffic and conversion event.

40 Responses

  1. Priit Kallas says:

    What page, add link

  2. Tamara says:

    Hi- I followed the process, however, now on my Facebook business page where I built the tab it says “403 Forbidden
    nginx/1.13.10” How do you fix this issue?

    Thank you!

  3. Trish says:

    Shuckers Priit! The Facebook server I’m on requires me to use a cell phone number to verify my account. I only have a business landline. Then they ask for a payment method instead … a payment method? Thought this was a free method of adding a tab to my business fan page. 🙁

  4. Naji Boutros says:

    I’m stuck at step 8. What’s a “Your-secure-url”? There was no reference to it in step 4.

  5. CssPanix says:

    Hi, but so far as I understand it, this still does not make the custom tab appear as the default one when people first come in to the page. They have to click “Turundustrendid” for it to show. I’d like, at least for a week or so, to have a new tabe appear as the default one. How? thanks

  6. Rosie Lukaszczyk says:

    Nice write-up priit, This information is exactly what I have been waiting for and can you please tell me that What loading times when going this route?

  7. James says:

    Thanks! I started to use this to get people to sign up for my email list and promote online courses.

  8. nickie says:

    Can anyone help me how to create a page tab using page tab url. I encountered error message You must be the admin of at least one Facebook Page to perform the requested action.

    can advise me.

  9. Hammer says:

    I think I am missing steps. What do I call the landing page I designed and how does the php code know what the landing page name is?

    I successfully set up the app on facebook, and put the ID code and secret code in the index.php file on my server. I installed the welcome app on my facebook page. But when I click on the Welcome tab I get an error.

    “The page you are looking for cannot be displayed because an invalid method (HTTP verb) was used to attempt access.”

    Given that, I do not think the php program knows what/where the landing pages are? What am I doing wrong? Did I miss a step. Your tutorial just says you need two landing pages. What do I call them, where do they go, and how does the code know what they are?

    • Hammer says:

      forget the 405 http error. fixed that.

      Everything works, except … and a big except, all I get is a blank welcome page. Obviously I missed a step???

  10. Jack Martin says:

    This is a great guide for setting up a FB landing page. Thanks. Every brand page should have a great landing page. Offering unique info is a great way to entice a like, too.

  11. atomiku says:

    Thanks for the great article! I’ve written a post about how to get the iframe canvas to auto-size to the height of the content, as well as removing those annoying horizontal/vertical scrollbars. I’ve linked to this post from my blog post here:

    body{overflow:hidden;} is the key!

  12. Zain says:


    on Step 4, when I try to manually enter the URL with the appID and Page_Tab_URL, I get the following error in Facebook:

    ‘You must be the admin of at least one Facebook Page to perform the requested action.’

    Even though I am listed as an Admin in my app’s ROLES section.

    The appID and Page_Tab_URL are correct.

    Please help!

  13. thedude says:

    Hey Slavik,
    thank you for this very detailed and easy to follow guide!
    I still have a problem which you maybe were able to solve?

    Somehow the code only works for my own account, for all other accounts who click the like button the page remains in the “unliked”-state.

    I think it has something to do with app permissions. Do you have any idea?



  14. Matthew Bumbalough says:

    THANK YOU!!! Googled the crap out of this subject and out of the hundreds of tutorials, this was the ONLY one that was up to date and correct. I finally got it working like I wanted to. Now to find the tutorials for everything else I want to do.

    • Priit Kallas says:

      Great! I’m glad you got it working.

    • atomiku says:

      This is certainly the best tutorial for creating a facebook canvas/iframe. All the other tutorials I found advised you to use some crappy 3rd party app to do the canvas instead. Thanks to the Slavik for the great article!

  15. Steve says:

    Great, spent a while trying this and looking for tutorials. This worked first time. Cheers

  16. MarkJ says:

    Great tutorial – think I have nearly cracked it but not quite 🙁
    App seems to work ok on its individual app page (apps, etc…) – but when I add it to the page as a tab it is just coming through as a blank page.

    Any help you can give would be much appreciated

    • Hammer says:

      Hello Mark,

      Did you find a solution to the blank page? I completed the set up and just like you were experiencing, I am getting a blank page. No errors, no text … nothing.

      I hate to start over as I like this concept and the App seems to be installed properly but I believe like you, I am missing a step?


  17. shorty says:

    Hi, this is for phone apps? For the “welcome Tab apps” beside the facebook fan page? What’s the end result like? We’ll have a phone apps?

  18. Jimmy says:

    THANK YOU for this- I am an advanced ‘noob’ but need a little hand-holding! Questions:
    Like you, I created a subdomain called
    1- Do you suggest that I upload the entire newfbapp folder- and my edited index.php file- to the root directory of my domain? If not, what files need to be uploaded and WHERE do you suggest they be placed? I did just this and then pointed the App Domain in FB to to this dir on the root of my website and it says that it is not a valid domain….

  19. Gaetano says:

    This guide isn’t very noob-friendly and there are errors everywhere.

    “In the index.php, make sure to change values for App Id and App Secret.

    After publishing the page, test if everything works and if you go directly to it, it shows default content (state when don’t “Like” the page).”

    Not even sure what the hell that means.

    I think I’ll look elsewhere for a more accessible guide. Thanks anyway!

  20. Oliver says:

    excellent work…

  21. LizJ says:

    I have followed all of your instructions, I am a featured admin and page owner, and when I try to run step 4, I continue to get this error:
    API Error Code: 191
    API Error Description: The specified URL is not owned by the application
    Error Message: redirect_uri is not owned by the application.

    Any help would be great! Thank you!

    • Slavik says:

      LizJ, just to rule out the obvious — does the [Page_Tab_URL] you’re substituting in Step 4 matches the one specified within App (screenshot under Step 3)?

      If this and App ID are correct, please double check App Id / App Secret in index.php:

      ‘appId’ => ‘xxxxxxxxxxxxxxx’, // enter your App’s ID
      ‘secret’ => ‘xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx’, // enter your App’s Secret

    • Hammer says:


      Thanks for the great tutorial. I followed the steps, created the app and installed it. Put ID code and secret code in the index.php. I intalled the app on my facebook page. But When I click on the welcome tab all that shows up is a blank page. No text, no errors. Nothing.

      Obviously I missed a step.

      My thinking is I do not know how the php code knows how to manage the redirect. Where do I tell it what/where the designed pages are?

  22. Graham says:

    very interesting post. Must of been good as I think even I followed it!
    I would like to set up a landing page on FB BUT as a one off offer with maybe an auto responder installed so I can send the “like” person an email with a money off coupon. Is there any way you can help out

  23. Mart Prööm says:

    The download link for SDK + index file has been added, sorry everyone! You can download the zip at

  24. Dave Maurice says:

    baffled by the recent changes this post clarifies the process. I’m I missing something that you have not provided the page that serves different pages for Liked and Unliked visitors?

  25. Jimmy says:

    ..Muy buen posst, pero solo unpar de preguntas, no logro añadir la pestaña al facebook.. en la url añadi el id y la ruta de la pagina y nada, porfavor si fueras tan amable de explicar porfavor, gracias

  26. The Dude says:

    You don’t need a PHP server to create a custom facebook landing page. You can use any type of web server.

  27. Mahfuzur Rahman says:

    This is great dear. keep it up

  28. Slavik says:

    Thank you — creating a page tab might get pretty confusing (especially when FB updates the process so frequently), hence so many screenshots.

  29. says:

    Thanks for the post. That is one of the most detailed descriptions I have seen for creating a FaceBook fan page. Anyone else get annoyed when someone sends you a message in your inbox asking you to like their page?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.