Creating A Facebook Application

“Social Network Integrations” Documentation by “WPWeb”

To create a Facebook App, go and visit: http://developers.facebook.com/

Facebook Developer Page

Note: You need to use a personal Facebook Account for creating an App. A business account won't work. Your personal account needs to be a verified Facebook account. If your account isn't verified yet, you'll receive a text message from Facebook to verify your account. So make sure, that you have a mobile number set within your account, otherwise you won't be able to create an App. On Facebook Developers page, click on "My Apps" at the top right hand side of that page and login to Facebook if you haven't done already. If you're on the App page click on "Add a New App" at the top right hand side. A new window will pop up (see image below).

Facebook Developer Page Add New App

When you click on "basic setup", A new window will pop up (see image below). Enter a name for your new app, enter your "Contact Email", choose an App Category and click on Create App ID.

Create A New Facebook Application

After enter all field click "Create App ID". It will popup a window of Security Check shown image below, click on Submit.

Facebook App Captcha

Now you have successfully created a Facebook Application and you should be redirected to the "+ Add Product" page which should look like the one on the image below:

Facebook Product Page

You can visit your "App page" by clicking on "Dashboard" from left side of your screen. You will get screen as display beolw:

Facebook App Page

Note: Your newly created Facebook Application will be in Sandbox Mode as default. To get the App Live, click on App Review > "Make Your Application Name public?" . See Image Below:

Facebook App In Spam Mode

Select Yes it will popup a window as shown in the image below. Click confirm to get app live.

Facebook App In Live Mode

You must have to enter canvas URL and site URL to post on facebook. For Add Url go to "Settings" > "+ Add Platform". It will popup a window as below image. In that Add "Facebook Canvas" and "Website".

Facebook Select Platform

once you click on "Facebook Canvas" and "Website" you will see the page as mentioned in the image below :

Facebook Canvas URL

Within the Application Info make sure, that you enter the correct URL of your "Site URL" and "Canvas URL" and the URL does match 100% the one from your website. So if the URL of your website does include the www like http://www.domain.com than you need to enter it like that. If the URL of your website doesn't include the www, than you don't need to include the www within the URL. It's important that the entered Website URL does match the one from your actual website, otherwise the App won't work correctly and it will show an error message when you or your users try to connect with the App.

If you want to use your own Logo or image for the Application, you can do that by clicking on the "Settings" > "App Icon". After clicking on "App Icon", you'll get open popup. Click on the "Choose File" and upload your custom image for the App. We recommend that you're using a custom image for your App. This will give more trust and does look more professional when a user does connect with your Facebook Application. See Image Below:

Facebook Change Icon

Now, Click on the Dashboard menu and copy and paste the App ID and App Secret Key as below image:


Facebook API Key & App Secrets

Place them into the plugin settings page within the Facebook fields as shown in the image below:

App ID Plugin

Important: When you copy and paste all the needed IDs and Keys, make sure, that you don't have any empty spaces, either at the beginning nor at the end of these entries. If you have any empty spaces, then the Application won't work and will show an error message when you try to connect to the App. Click on "Save Changes".

Note: Below section is only for Social Auto Poster plugin

Update - May 2014: Facebook changed some rules regarding the apps. This means that the Facebook App, Facebook profile or page and the user who authorizes the app MUST belong to the same Facebook account. So please make sure you are logged to Facebook as the same user who created the app.

Important: When Facebook Authorization Wizard asks you for the access privileges to your profile/pages, do not uncheck anything and don't click "Skip".
Facebook don't have the ability to request permission to just one page. It's either all of them or none. If you click "Skip" it means you forbid Facebook from posting to any of your pages, groups or profiles. Our plugin will post only to the page that you specify on the "Your Facebook URL" field.

Facebook App Grant Step1

Note: Please don't pay attention to the red message on top of the screenshot above, you don't need to submit your app for review if you will be posting to the profile and pages you admin.

Facebook App Grant Step2

Facebook App Grant Step3

Your Facebook account is ready to use.

Facebook App Grant Success