Category: Facebook Fan Page

What you need to set up your custom tab in Facebook Timeline

• A facebook account
• A html/website built which you want to show as a tab in Facebook and needs to be securely hosted using SSL
  (if you don’t have this, please check out our platform that allows you to do that http://www.sosl.com.au)
• A large icon for your tab thumbnail (75 x 75 pixels or slightly smaller)
• A small icon for your tab thumbnail (16 x 16 pixels)

Step 1: Set up your Facebook App

• Visit Facebook Developers Apps Page: https://developers.facebook.com/apps/
• Click on + Create New App button
• Fill out the details for your app name and namespace (please note that namespace  should be at least 7 characters and can only have small letters, dashes and underscores)
  
• Click Continue
• You may be required to do a security check at this stage, please complete the check
  

 

Step 2: Editing the thumbnails

• Hover your mouse over the main image and click on edit to edit the main icon (75×75 pixels image).
  
• Click on the edit icon link near the small icon and upload the smaller image (16 x 16 pixels)
  
• Please make a note of your APP ID as we will need this for the final step

 

Step 3: Facebook App Basic Info

• Enter a contact email
• Enter the App domain (the main domain without the www, and the http://) where your page is hosted
• Select your Category
  

Step 4: Website with Facebook Login

• the Site URL needs to be filled with your website page url where your website is hosted
  Please make a note of this url as we will need this for the final step
  

Step 4 : Page Tab

• Please tick the Page Tab box and put in all the information
• Fill up the Page Tab Name (this will show up in your main Facebook timeline so you need to fill this properly)
• Fill in the Page Tab URL (this will need to be http:// the unsecure url)
• Fill in the Secure Page Tab URL (this will need to be https://)
  Note: If you are using our SOSL platform you can use the same url but just have https:// on the Secure page tab
• Click on Change on Page Tab Image and provide a good image ( this image should be 111×74 pixels or less)
• Select the Tab Width as Wide 810 pixels (this can be 520px if you are working on a 520px page)
• click on save changes
  

Step 5: Adding this tab to your Facebook Fan Page

• Now you need the APP ID or API Key and the Site URL to continue
• if you didn’t save it head back to https://developers.facebook.com/apps , click on the app name on the left and copy the APP ID/ API Key and Site URL
• Now you have the information head over to our Tools section
• On the main url on this page , Select Tools > Add Tab to Facebook Timeline
  
• Enter your app id on the first box
• Enter your Site URL on the second Box
• Click Submit
• It will come up with a link to visit to add the page to your fan page
  
• It will then ask you which page to add the tab to. Select the page and click on Add Page Tab to complete.