Creating A Facebook Application Documentation by WPWeb

“Social Network Integrations” Documentation by “WPWeb”

WooCommerce / EDD – Social Login
Social Auto Poster

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

Step 1:

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

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.

Step 2:

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

Step 3:

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

Step 4:

Click the “Web” button.

Step 5:

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

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.

Then select the “website” as given below.

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

Step 6:

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.

Please use this OAuth redirect URI in the facebook settings.

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

Step 7:

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

In the “Setting > Basic” we can see the App ID and App Secret.

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

Step 8:

Configure the App ID and App Secret with the plugin.

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

Step 1:

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

Step 2:

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

Step 3:

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

Step 4:

Click the “Web” button.

Step 5:

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

Then select the “website” as given below.

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

Step 6:

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.

Please use this OAuth redirect URI in the facebook settings.

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

Step 7:

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

In the “Settings > Basic” we can see the App ID and App Secret.

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

Step 8:

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: First of all, individual OR business verification is necessary to got app approval. As you are an end user of the plugin, you have to do individual verification for the app. Simple steps you can found here.

Once individual verification done, you will receive verified badge like the screenshot below:

2: Go to “App Review” > “Permission and Features” menu

3: Find ( manage_pages, publish_pages, publish_to_groups, Groups API ) permissions and click the “Request” button in front of each one.

4. Click the “Continue the Request” button. Fill the form for each permission, and send your App to review. You need to wait up to 5 days. A random Facebook worker will review it. If that worker does not have knowledge about plugins or WordPress, he does not review your request properly and declines it. Please try to re-submit the same request again. Eventually, your request will be accepted. Use this text for review form:

I have a WordPress blog site. Every time I create a new blog post I need to share its link on my personal social pages and groups.
Now I purchased WordPress plugin, named “Social Auto Poster” which allows me to share my blog posts on social media automatically. It will save my time a lot so it enhance my plugin(app) and website functionality and user experience by saving a time and making my system fully automated. Therefore I need to create a Facebook App. Have a look at the screencast.

You can test it on the demo version of the plugin:
https://yourdomain.com/wp-admin/
Username: *******
Password: *******

1. Firstly I should go to social auto poster – Facebook settings and enter API key and secret and grant the extended permissions. Check the screenshots: http://prntscr.com/qcyng3
2. Now, scroll down and as shown in the screenshot, please enter API key and API secret. After ading that save the settings. Once you save the settings, valid OAuth URL will appears, that you have to add in the Facebook Graph API in valid OAuth URL field: http://prntscr.com/qcyp69
3. After doing that you have to click on grant the extended permissions.
4. Once you grant the extended permissions, all Facebook pages and groups get listed at a place shown in the screenshot: http://prntscr.com/qcyuum
5. You can select the posting account from there.
6. Now, go to add new post and edit title, enable publish post on Facebook and hit publish button. Once you hit publish button the post will automatically pget published on Facebook accout, page, group that I have selected. I mentioned steps in the screenshot below: http://prntscr.com/qcyw8v
7. It’s done. I set up my Facebook account.
Let’s create a new blog post.
Before: http://prntscr.com/oju9jr
Result: http://prntscr.com/ojubvi

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

Now make the app “Live”

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

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.

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:

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

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

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.

Note: If you are doing group posting, you have to add your Facebook app within that group on which you are posting. Follow the steps mentioned in the link here.