How to setup a developer account in Facebook

Registering yourself as a developer

  • Visit Facebook Developers  at https://developers.facebook.com/
  • 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)
    save image
  • Click on Next
  • Facebook will then ask for your mobile and send you a confirmation code before you can start
    save image
  • Once you are registered you can then start adding apps.
Related posts ...
Here are the things you will need A new html page (the url has to
What you need to set up your custom tab in Facebook Timeline A facebook account
sosl – Facebook FanPage CMS and Competitions We have just launched the website for our
Here is how to build your Facebook Timeline 1. Facebook FanPage Cover Image First pic

How to add a new html tab to your facebook page 2014

Here are the things you will need

  • 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.

Step 2: Create an app in Facebook Developers

2A: Registering yourself as a developer

  • Visit Facebook Developers  at https://developers.facebook.com/
  • 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)
    save image
  • Click on Next
  • Facebook will then ask for your mobile and send you a confirmation code before you can start
    save image
  • 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

    save image

  • 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.

    save image

  • Once your app is ready you’ll land on the dashboard. Here click on settings

    save image

  • On this page, click on Add Platform

    save image

  • A popup will show up – click on Page Tab

    save image

  • 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

    save image

  • 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.

save image

Step 3: Connect the html page to your Facebook Fan Page

  • Copy the App ID from your app
  • Visit our website https://www.neton.com.au and go to Tools > Add Tab to Facebook Timeline 2012
  • Enter App ID and return url (return url can be your page url)
    save image
  • On the next page, it has a link to add the page to facebook
    save image
  • Click on the link and choose a facebook page to add to

    save image

  • Visit your facebook page to find the tab Smile 

Related posts ...
Timeline Cover Photo   Profile Picture Highlighted Post Shared Photo
What you need to set up your custom tab in Facebook Timeline A facebook account
Here is how to build your Facebook Timeline 1. Facebook FanPage Cover Image First pic
sosl – Facebook FanPage CMS and Competitions We have just launched the website for our

Creating a new custom tab in Facebook Timeline 2012

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)
    Facebook Tab in Timeline - Create New App
  • Click Continue
  • You may be required to do a security check at this stage, please complete the check
    Facebook Tab in Timeline - Security 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).
    Facebook Fan Page - Editing Thumbnails
  • Click on the edit icon link near the small icon and upload the smaller image (16 x 16 pixels)
    Facebook Fan Page - Finished Thumbnails
  • 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
    Facebook Page App - Basic Info

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
    Facebook Page App - Website with Facebook Login

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
    Facebook Fan Page - Page Tab Details

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
    neton Tools to Add tab to Facebook Timeline 2012
  • 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
    Generate link to Add tab to Facebook Timeline 2012
  • It will then ask you which page to add the tab to. Select the page and click on Add Page Tab to complete.
    Add Page Tab Dialog - Facebook
Related posts ...
  User Photo Competitions on Facebook powered by Sosl.com.au We have just enabled a user
NetON is proud to announce that it has started working with TLC For Kids in
sosl – Facebook FanPage CMS and Competitions We have just launched the website for our
Here is how to build your Facebook Timeline 1. Facebook FanPage Cover Image First pic