A new html page (the url has to be secure https://)
A Facebook developer account (any normal account can be used as a developer account)
A Facebook fanpage where you are the administrator of the page
There are 3 steps involved in adding a new html tab to your facebook page.
Create a new html page
Create an app in Facebook Developers
Connect the html page to your Facebook Fan Page
Step 1: Create a new HTML Page
You will need to create a new html page and upload it to a secure server. If you are on this page, I am assuming that you have already done that. If you need a kickass platform that allows you to create these pages and run competitions please check our other platform SOSL.
Click on Apps > Register as Developer (if this is your first time)
A popup will come up asking if you agree to the Facebook Platform Policy (click on Yes)
Click on Next
Facebook will then ask for your mobile and send you a confirmation code before you can start
Once you are registered you can then start adding apps.
2B: Creating a new app
Once you are registered, click on Apps > Create a New App
Enter name of your App, a namespace (no spaces) and pick a category and click on Create App
Facebook will then give you captcha for security check, fill it up and click on submit. If the text is hard to figure out, click on Try another text or audio captcha.
Once your app is ready you’ll land on the dashboard. Here click on settings
On this page, click on Add Platform
A popup will show up – click on Page Tab
Enter the Details of the page tab as indentified in the orange areas
Name of Tab which shows up on Facebook Page Tab url (non secure url of your hosted page from step 1) Secure Page Tab Url (secure url of your hosted page) Page Tab Edit Url (you can use the page url here) Add a Page Tab Image (111 pixels wide by 74 pixels high)
Click on Save Changes when finished
Once you add the Page tab details, under Basic, please use the domain of your hosted page and click on Save Changes. The last step now is to add this to your Facebook fan page. To do this you need to copy your app ID and follow the steps below.
Step 3: Connect the html page to your 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)
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.
We have just launched the website for our Facebook CMS and Competitions Platform (SOSL).
Please view it at http://www.sosl.com.au. Sosl allows you to setup your website inside a Facebook FanPage and run competitions from it.
Here is how Sosl can make your life easier
Create a minisite of your website in Facebook
Sosl comes with a easy to setup and use CMS platform which allows you to set up landing pages, subscription forms as well as a minisite of your main website inside facebook.
Schedule Facebook Statuses
Sosl allows you to schedule your Facebook statuses which will automatically show up in your timeline when published. This means that you can schedule all of your statuses for the next month now and relax while sosl automatically publishes them for you.
Tweet, check messages, check mentions from sosl
Sosl’s dashboard also is connected to your twitter account which means that you can tweet from inside sosl, check messages and mentions and retweet all inside sosl.
Schedule Tweets
You can schedule tweets from inside sosl so that your tweets go out at predefined times
Subscription Forms
Want more users for your newsletter? Please use our subscription feature to set up a subscription field in your sosl page to generate more users.
User Photo Contests
sosl allows you to run User photo contents, where facebook fans upload photos and other fans vote on the photos ultimately deciding the winner. What’s more? you can put a like gate on the page, so that only fans can enter and vote in competitions.
YouTube Video Contests
You can pull your youtube channel into sosl and let your fans like videos. This means you can run competitions based on your youtube videos inside facebook.
Google Analytics on your FanPage
Every sosl account comes with Google Analytics integration, so you can tell how many fans are visiting your fanpage and what content they are looking at.
Click on Add a Cover button and select Upload Photo
Select your image from the popup. When done, click on Save Changes to assign that as the cover image.
2. Facebook FanPage Profile Picture
Your Facebook FanPage Profile picture can have company logo and contact details. We recommend using the company logo to fit perfectly in this space.
Please note that this will be resized when displaying your stories and posts, so if you have a logo that doesn’t look good in a smaller size, then its best to use something else.
Profile Picture Dimensions
180 pixels width
180 pixels high
3. Company Facebook Information
The About us Information sits directly under the Profile image. Click on the area to edit.
You need the following information:
Start Date: Please add the year (and optionally month and date when the company started)
Start Type:
Please select from Born, Founded, Started, Opened, Created and Launched
About: Please fill this area up (with maximum 155 characters). This information will sit just under your Profile Image.
Description: Full Description about your company
Founded: Date when the company was founded
Awards: Any awards the company has won
Products: Please make sure you fill this box with your product offerings
Website: A url to your website
4. Telling your story
Facebook Timeline allows you to tell your story properly in Facebook. Please feel free to add these content:
Status Updates
Conversations
Pages/Posts from your website
Photos
Videos
You can also backdate updates by clicking on the clock icon on the bottom left corner of the Status Update box.
5. Highlighting your information
You can also highlight your information, pin any updates to the top or delete any updates. Please note
Milestones are already highlighted
Highlighting a story makes it go full width
To Highlight an update, Hover your mouse over the update and click on Highlight.
You can also pin a story to the top by clicking on the edit button when hovering
5. Milestones
Make sure you add Milestones. These can be added by selecing Event,Milestone + on the update box
Dimensions for Milestones (Full Width):
843 pixels wide
403 pixels high
Dimension for Milestones (Half Width):
403 pixels wide
203 pixels high
6. Summary
Facebook FanPage Timeline is a very powerful tool for your Marketing Arsenal. Please make sure to fill it up with Company Information that tells a story rather than just a long list of automated blog posts. Thank your fans for supporting you and ask them for their feedback. Engaging with your fans is the best way to get conversion out of using Facebook.
Our Fan Page is now live and online. Feel free to browse through our timeline of updated projects so you can see what projects have been keeping us busy and also milestones along the way.
We would appreciate if you like us which also means that you will get updated with any new exciting innovations we come up with.