Before we begin, you will need:
1. An SSL-enabled domain (required). For example, if you were hosting the app on a website, it would have to have an HTTPS prefix (e.g., https://www.acme.com/facebooktab).
2. A Facebook Page where your Facebook App will live. You cannot put a Facebook App on a personal Facebook profile.
1. Register as a Facebook Developer to create a Facebook App.
Log into your Facebook account (this will be the account under which the developer license will be registered).
In a new browser tab, go to https://developers.facebook.com
Click “Apps” at the top and click “Register as a Developer”
A “Register as a Facebook Developer” modal will appear.
- Click “Register”
- Click "Done" to confirm.
2. Create an App
Select "Create a New App" in the "Apps" dropdown menu.
Give the app a name. This name will be displayed on your live Postano tab. (E.g., Social Feeds)
The "Namespace" field is optional.
Under the "Category" dropdown, select "App For Page"
Click "Create App" to confirm.
3. Configure App Settings
After the last step, you will be brought to your Developer Dashboard. Select "Settings" in the menu on the left.
Write down your Application ID number, as you will need it later.
Fill in “Apps Domains” field with your root domain of where your embed code will be hosted. (E.g., http://acme.com)
NOTE: You must use your own domain, and cannot use a single domain for more than one Facebook Page Tab
Write down your App Domains URL, as you will need it later.
NOTE: You may see the following warning when clicking "Save Changes". Please ignore it and keep moving through the steps.
4. Add & Configure Page Tab Settings
Click the "Add Platform" button below the basic settings area.
Choose "Page Tab" in the Select Platform modal.
Configure the Page Tab Settings.
Page Tab Name:
Enter a name for the embed. This name will not be displayed on your tab.
Page Tab URL:
Insert the URL where the Postano embed code exists.
Secure Page Tab URL:
Insert the secure URL where the Postano embed code exists.
NOTE: You must enter both a Secure Page Tab URL and a Page Tab URL. In other words, your embed code must be hosted on an SSL-enabled site for it to appear in Facebook.
Page Tab Edit URL:
Leave this field empty.
Page Admin Control & Wide Page Tab:
Leave as is, on active state.
Page Tab Image:
If desired, upload a tab image. This will be shown on your live Facebook tab.
Image size is 111 x 74 pixels. JPG, GIF, or PNG file types are accepted. File size limit is 1 MB.
5. Publish App
Navigate to "Status & Review" in your developers dashboard menu on the left-hand side of the screen.
Toggle on the switch (next to "Do you want to make this app and all its live features available to the general public?) to "Yes".
Confirm the action on the "Take App Live?" dialog box.
Insert the Application ID number and App Domain URL that you wrote down earlier in this URL. Then insert the completed URL in a new browser window. This step links the application to a specific Facebook page.
https://www.facebook.com/dialog/pagetab?app_id=[APP ID]&next=[APP URL]
NOTE: &next=[APP URL] is the URL to where you will redirect the admin user after the page has been added.
The above URL will prompt you to a "Add Page Tab" page if you have multiple Facebook Pages that you manage. Choose the Facebook Page you want to apply the Postano Tab to.
Click "Add Page Tab" to confirm.
6. You're done!
Navigate to your Facebook page and find your app there. Click on the tab and your Postano hub will load.
Share and have fun!
If you need further assistance please email us at firstname.lastname@example.org.