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

Click on the “Create New App/ Add a New App” link.

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.

Enter the App Display Name and the contact email and click the “Create App ID”.

Create A New Facebook Application

Now it will redirect to the “Add Product” page and in this page click the “Set Up” button in “Facebook Login”.

Facebook App Captcha

Click the “Web” button.

Facebook Product Page

In the “Site URL” section add your site url and save it.

Facebook Canvas URL

Note: If the “Quickstart” page is blank and you cannot enter the domain url, please go to “Settings > Basic” section, just below the Dashboard and then click the “Add Platform” as shown below.

Facebook Canvas URL

Then select the “website” as given below.

Facebook Social Login Product

In this page you can add the site url and save it.

Facebook Social Login Product

Click on the “Facebook Login >Settings” link as shown below.

Here enter the “Valid OAuth redirect URIs”.

 

Note: You can see the OAuth redirect URI in the Facebook settings in the plugin.

Facebook Social Login Product

Please use this OAuth redirect URI in the facebook settings.

Facebook Social Login Product

After entering the OAuth redirect URI and enable the “Client OAuth Login and Web OAuth Login”, please save the changes.

The app is ready now. Click the “Dashboard” link in the menu to see the app id and secret.

Facebook Change Icon

In the “Dashboard” we can see the App ID and App Secret.

Facebook App In Spam Mode

The App ID and App Secret are now ready. Click the “Show”button to see the App Secret. (The app secret is in alphanumeric and DON’T use ******* as App Secret.)

Here the app is in development mode. Only the developer can view the posts now.

We need to “submit the app for approval” and after the app get approved, we can make the app public and the users can see the posts in the facebook.

The App Review Process Submission is given below.

1: Click on the “App Review” and then the “Start a Submission” button in the “Submit Items for Approval” section.

Facebook App In Live Mode

2: In the permissions page please select the login permissions manage_pages and publish_pages and click on the “Add 2 Items” button. (For the PREMIUM plugin we need 2 additional permissions for publishing the posts to groups – publish_to_groups and Groups API)

Facebook API Key & App Secrets

3: Now you can see the current submissions and it is asking to “Add Details” of each item.

App ID Plugin

4. Click on the “Add Details” link and you can add the details of each item.
4 A : Details for publish_pages

Facebook App Grant Step1

    1. For the question “How is your app using publish_pages?”, please select the first answer “Lets people publish content or respond to posts and comments as a Page (also requires manage_pages)”.

 

    1. For the question “What platforms does your app use publish_pages on?”, please turn on the Web.

 

    1. In the detailed step-by-step instructions, please use the detailed steps.
      A Sample detailed step-by-step instructions are given below:

 

    1. Go to https://DOMAIN.com/wp-login.php

 

    1. Login as an administrator with user name : <user name> and password: <password>

 

    1. Go to https://DOMAIN.com/wp-admin/admin.php?page=wpw-auto-poster-settings where user has to authorize the application from the plugin’s settings page. (This path is different for free and premium plugins)

 

    1. Enter the application name and save ,then click on the button ‘Authorize’. The “facebook login” is renamed as authorization here.

 

    1. It will take you to Facebook authorization procedure.

 

    1. Upon successful authorization ,if you manage Facebook pages, you will be prompted to select the facebook pages to which you need updates to be published.

 

    1. After selecting Facebook pages ,you will be returned to the website.

 

    1. After the authorization is complete,make a post in website by following below steps,

 

    1. 8.1: Go to https://DOMAIN.com/wp-admin/post-new.php

 

    1. 8.2: Fill in some title and content ,and add an image to post ,then click ‘publish’ button on right side.

 

    1.        The new post will be published in the website as well as on Facebook.

 

  1. Without the Facebook “publish_pages” permission, we would not be able to publish content to Pages owned by the admin.
    • Now upload a video screencast of the procedure.

A sample video screencast is given here.

  • After adding the details click on the save button.

4 B : Details for manage_pages

Facebook App Grant Step2 

    1. For the question “How is your app using manage_pages?”, please select the first answer “Lets people publish content or respond to posts and comments as a Page (also requires publish_pages)”.

 

    1. For the question “What platforms does your app use manage_pages on?”, please turn on the Web.

 

    1. In the detailed step-by-step instructions, please use the detailed steps.

A Sample detailed step-by-step instructions are given below:

    1. Go to https://DOMAIN.com/wp-login.php

 

    1. Login as an administrator with user name : <user name> and password: <password>

 

    1. Go to https://DOMAIN.com/wp-admin/admin.php?page=wpw-auto-poster-settings where user has to authorize the application from the plugin’s settings page.

 

    1. Enter the application name and save ,then click on the button ‘Authorize’. The “facebook login” is renamed as authorization here.

 

    1. It will take you to Facebook authorization procedure.

 

    1. Upon successful authorization ,if you manage Facebook pages, you will be prompted to select the facebook pages to which you need updates to be published.

 

    1. After selecting Facebook pages ,you will be returned to the website.

 

    1. After the authorization is complete,make a post in website by following below steps,

 

    1. 8.1: Go to https://DOMAIN.com/wp-admin/post-new.php

 

    1. 8.2: Fill in some title and content ,and add an image to post ,then click ‘publish’ button on right side.

 

    1.        The new post will be published in the website as well as on Facebook.

 

    1. Without the Facebook “manage_pages” permission, we would not be able to publish content to Pages owned by the admin.

 

4. Now upload a video screencast of the procedure.
A sample video screencast is given here.

5. After adding the details click on the save button.

4C : Details for publish_to_groups (Only for premium plugin – for publishing to groups)

Facebook App Grant Success

    1. For the question “How is your app using publish_to_groups?” use the answer “To publish WordPress blog posts to Facebook groups managed by the app’s admin using plugin”

 

    1. For the question “What platforms does your app use publish_to_groups on?”, please turn on the Web.

 

    1. In the detailed step-by-step instructions, please use the detailed steps.

 

Sample detailed step-by-step instructions are given below:

    1. Go to https://sampledomain.com/wp-login.php

 

    1. Login as an administrator with
      password: <password>.
      user name: <user name>

 

    1. Go to https://sampledomain.com/wp-admin/admin.php?page=wpw-auto-poster-settings where user has to enter the required settings and authorize the application from the plugin’s settings page.

 

    1. Enter the application name and settings ,then click on the button ‘Save and Authenticate’. The “facebook login” is renamed as authorization here.

 

    1. It will take you to Facebook authorization procedure.

 

    1. Upon successful authorization ,if you manage Facebook pages/groups, you will be prompted to select the facebook pages/groups to which you need updates to be published.

 

    1. After selecting Facebook pages/groups ,you will be returned to the website.

 

    1. After the authorization is complete,make a post in website by following below steps,

 

    1. 8.1: Go to https://sampledomain.com/wp-admin/post-new.php

 

    1. 8.2: Fill in some title and content ,and image to post ,then click ‘publish’ button on right side.

 

    1.         The new post with video will be published in the website as well as on Facebook Group.

 

    1. Without the Facebook “publish_to_groups” permission, we would not be able to publish content to groups owned by the admin.

 

4. Now upload a video screencast of the procedure.
A sample video screencast is given here.

5. After adding the details click on the save button.

4 D : Details for Groups API (Only for premium plugin – for publishing to groups)

Facebook App Grant Step2 

    1. For the question “Please explain how you are using Groups API to enhance the experience of your app.” use the answer “To get the groups details and publish WordPress blog posts to Facebook groups managed by the app’s admin using plugin.”

 

    1. For the question “What platforms does your app use Groups API on?”, please turn on the Web.

 

    1. In the detailed step-by-step instructions, please use the detailed steps.

 

Sample detailed step-by-step instructions are given below:

    1. Go to https://sampledomain.com/wp-login.php

 

    1. Login as an administrator with
      password: <password>.
      user name: <user name>

 

    1. Go to https://sampledomain.com/wp-admin/admin.php?page=wpw-auto-poster-settings where user has to enter the required settings and authorize the application from the plugin’s settings page.

 

    1. Enter the application name and settings ,then click on the button ‘Save and Authenticate’. The “facebook login” is renamed as authorization here.

 

    1. It will take you to Facebook authorization procedure.

 

    1. Upon successful authorization ,if you manage Facebook pages/groups, you will be prompted to select the facebook pages/groups to which you need updates to be published.

 

    1. After selecting Facebook pages/groups ,you will be returned to the website.

 

      1. After the authorization is complete,make a post in website by following below steps,

    8.1: Go to https://sampledomain.com/wp-admin/post-new.php

 

    1. 8.2: Fill in some title and content ,and image to post ,then click ‘publish’ button on right side.

 

    1.        The new post with video will be published in the website as well as on Facebook Group.

 

    1. Without the Facebook “Groups API” , we would not be able to get group details and publish content to groups owned by the admin

 

4. Now upload a video screencast of the procedure.
A sample video screencast is given here.
5. After adding the details click on the save button.

4 E : App Verification Details (Optional)

This permission is already enabled and if you want to add a test user, you can add the test user here.

Facebook App Grant Step2 

There is a test user “Open Graph Test User” by default.
Now you can see the additional items to enter.

Facebook App Grant Step2 

Please click on the settings link in the section and you can see the App Icon, Privacy Policy URL, Category etc.

Facebook App Grant Step2 

After entering the details, please save it. Now we can submit the app for review.

Facebook App Grant Step2 

Accept the terms and submit. The app is now submitted for approval. Note 1: It may take some to get the app approved by facebook. (1 week – 3 months).
Note 2: If you are getting any response from facebook saying that the “Facebook Login” option is not present in the page, please tell them the “facebook login” is renamed as authorization here and when click on the authorize button, the facebook login is executing.

Step 9:

After reviewed by facebook, they will ask for enter the business details. (At the time of app submission this option is not available. We can see this after the review of facebook)

Once the app get approved, you can see the permissions approved with a green bubble under the “Approved Items”.

Facebook App Grant Step2 

Now make the app “Live”

To make the app ‘Live/Public’, please go to the ‘App Review‘ page.

Facebook App Grant Step2 

In this page please select the ‘Live/Public’ mode by selecting the ‘YES’ button and a ‘green indicator’ will display next to the app name as in the below image.

Facebook App Grant Step2 

You can now use the facebook app keys in the plugin.
Now enter these keys in the plugin settings in your site.
After entering the keys in the facebook settings page, you need to “Authorize” the account. (The authorization section is present in the wordpress plugin section).
You can see the FB pages in the settings page only after authorizing FB account.
When you click on the “Authorize” button, it will redirect to a facebook popup dialog box.
Step 1:

Facebook App Grant Step2 

There is some warnings and you can ignore the warning and click the “OK” button.
Step 2:

Facebook App Grant Step2 

Select the “Public” option and click OK.
Step 3:

Facebook App Grant Step2 

In the step 3 click OK and the authorization is complete.
Now you can see all your fb pages and you can select the fb page to auto publish.

Facebook App Grant Step2 

Please wait...

Configurations

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    Have questions? Search our knowledgebase.