Ways to Add Custom Tabs on a Facebook Page

You must have seen those attractive custom tabs on the Facebook fan pages of your favorite businesses. With the help of these custom tabs, landing pages and welcome screens can easily be created. Custom tabs allow page owners to customize in terms of inserting text, images and even videos for a much richer customer experience. Facebook allows its users to create custom tabs with the static HTML iFrame application.

After integrating the iFrame application on the fan page, you can insert any web page that is hosted outside of Facebook. There are certain steps which you need to follow if you want to add a custom tab on a Facebook page and the following steps will serve as the perfect guide for you.

Instructions

  • 1

    Before adding a custom tab, make sure you have a HTML web page hosted on your own domain with a maximum width of 520 pixels. This will help you to avoid resizing after it is embedded within your Facebook iFrame application.

  • 2

    Sign in to your Facebook account with your email address and password and visit the Facebook Developers page.

  • 3

    Select “Create New App” on the top right corner of your screen.

  • 4

    Type in the name of your desired application. Check the "I agree to the Facebook Platform Policies" to continue.

  • 5

    Enter the security code to confirm.

  • 6

    You will be taken to your application’s settings page. Click on the ‘edit icon’ button below the image icon to select your desired graphic which serves as an identification for your app. Similarly, you can also change the display image for your app as well.

  • 7

    Select “App on Facebook” to see two options. In the “Canvas URL” bar, type in the URL of the web page that you would like to display on your custom tab. Also provide a secure canvas URL by adding the term ‘https://’ in the URL.

  • 8

    Select “Page Tab” to see a drop down menu of options. Type in the desired tab name in the “Page Tab Name” bar. The name will be shown as it is on your Facebook page. For example: ‘Welcome’, ‘Contest’ etc

  • 9

    Type in the URL of your HTML web page in the “Page Tab URL” bar. Content will be pulled into the iFrame app through this URL. Repeat the process with the “Secure Page Tab URL” by adding ‘https://’ to the URL. Once that is done, click on “Save Changes” to confirm.

  • 10

    On left side of the page, click on “View Application Profile Page” to visit your application page.

  • 11

    Find the “Add to my Page” Link on the left side of the page and click to proceed.

  • 12

    Click on “Add to Page” in front of the fan page you would like the app installed to. Once that is done, go to your fan page and you will now see the newly created custom tab.

Leave a Reply

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


+ six = 8