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.
