Up Arrow

How to create custom tabs for facebook fan page

  • Date: April 6th, 2015 | by wahid
  • Facebook
  • Tweet
  • Googleplus
  • IN

I am going to write this post can know “How To Create Custom Tabs For Facebook Fan Page”

Step 1: Log in as a facebook developer:

Visit https://developers.facebook.com/apps.

Step 2: Create and name your app:

Click “Create  New App” from the from the corner.

You’ll need to provide a “Display Name,” which is what your “app,” or tab, will be called. You’ll also need to create a “namespace,” which is basically just a unique ID for your app.

Step 3: Choose an Image and Update Basic Info for the App

Update your basic info with domain name and category. You can also upload a custom image for your app by clicking “edit icon.”

Step 4: Create the Content That Will Display Within the App’s Tab

Now create a web page outside of Facebook. This is what will display inside your custom Facebook tab. To ensure the page’s content displays correctly on Facebook, make sure that the width of your web page is either set to 100%, 520px or 810px. Make sure all images, videos, etc. that you include on your page are less than either 520px or 810px, depending on how wide you chose to make the content of your tab.

Since you’re now using the new Facebook business page layout, I recommend making the content of your tab 810px; the old layout before Facebook’s business page redesign was much narrower at 520px.

Step 5: Tell Facebook What Content You Want to Display on Your Custom Tab

go back to your app settings in developers.facebook.com, scroll down to the select how your app integrates with facebook section and choose page tab. Name your tab whatever you’d like. then copy the URL of the page you just created in step 4 and paste that URL into Page Tab URL

Step 6: Add Your Tab to Your Facebook Page

This step can be a bit tricky, so read carefully. In order to install your new page tab on your business page, you need to visit a link with several custom URL parameters. The link is:

http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

You’ll need to replace the parts I’ve bolded in the URL above — “YOUR_APP_ID” and “YOUR_URL” with some information that Facebook provides for your app, your “App ID/API Key” and your “Site URL.”

Recent Posts