User Tools

Site Tools



This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
plugin-tuts:facebook-connect [2014/04/18 09:55]
Alia Approved
plugin-tuts:facebook-connect [2017/01/31 08:10]
Line 1: Line 1:
-====== Facebook connect ​======+====How to manage the Facebook connect ​plugin?====
-If you want to enable your visitors to sign in to your site using their Facebook ​accounts this plugin ​is for you.+First you should install **Facebook ​connect** ​plugin ​by following the instructions [[install-plugin|here]]
-===== On Facebook ​side =====+1. Find the **Facebook ​Connect** plugin - move mouse cursor over it, and click the **Settings** button.
-Go to [[http://​​setup/​]] and create an application+2You will be directed to the **Facebook connect management** page.
-Navigate to "​Settings"​ section within ​the left sidebar and click on "Add Platform"​ button:+3. Follow ​the steps described ​on this page:
-{{:​plugin-tuts:​add_platform.png?300|}}+  * Click **Apps** > **Add a New App** in the top menu.
-Select "App on Facebook"​ platform in opened pop up window.+{{:​plugin-tuts:​facebook_connect_plugin1.png|}}
-Fill in added "App on Facebook"​ form with: +  * Choose the **Website** option.
-  * Canvas URL +{{:plugin-tuts:facebook_connect_plugin2.png|}}
-  * Secure Canvas URL: https://​​+
-Scroll up and fill in: +  * Click the **Skip ​and create App ID** at the top right corner.
-  * App +{{:plugin-tuts:facebook_connect_plugin3.png|}}
-  * Contact Emailsenter your email address+
-{{:​plugin-tuts:​app-on-facebook-step-2.png?300|}}+Enter your application **Display Name** and **Contact Email**.
-Save changes.+  * Select a category and click Create **App ID**.
-==== Status & Review====+{{:​plugin-tuts:​facebook_connect_plugin_4.png|}}
-Once changes are saved, navigate ​to "​Status&​Review"​ section from left sidebar. +You will be directed ​to the application **Dashboard** page.
-Set "Do you want to make this app and all its live features available to the general public?"​ from "​No"​ to "​Yes": ​+
-{{:​plugin-tuts:​status-review.png?300|}}+  * Click **Settings** tab in the Sidebar menu.
 +  * Enter your site domain name (e.g.:​ and Namespace.
-====App Details ====+  * Click **Save changes**.
-To upload your own logo add add additional information about your App navigate to** App Details** ​ from left sidebar:+{{:plugin-tuts:​facebook_connect_plugin_6.png|}}
-{{:​plugin-tuts:​app-details.png?​300|}}+  * Click **Add Platform** » Select **Website**
-Once all changes are saved go back to "​Settings"​ and copy **'App ID'** and **'App Secret'​**:+{{:plugin-tuts:​facebook_connect_plugin_7.png|}}
-{{:plugin-tuts:appid.png?300|}}+  * Enter Site URLhttp://​​ and click the **Save Changes** button.
-===== On your site =====+{{:​plugin-tuts:​facebook_connect_plugin_8.png|}}
-Go to your Facebook connect settings area. Enter the API key and Secret in "​Settings" ​tab. Review synchronization options ​in "​Profile Questions Synchronization"​ tab. Your plugin is ready for use.+  * To publish ​your app click **App Review** ​tab in the Sidebar menu.
-{{:​plugin-tuts:​fbconnet_5.png?300|}}+  * Set Make **mypageappid public?** from **No** to **Yes**
-===== Notes =====+{{:​plugin-tuts:​facebook_connect_plugin_9.png|}}
-As per the Facebook requirement,​ the users who try to register using FBconnect should have only latin character sets in their name.+Click **Confirm** in the **Make app public?** window.
 +  * To upload your site logo and add additional information about your website, click **Settings** in the Sidebar menu.
 +4.Go to **Settings** tab, copy the **Application ID** and **App secret**
 +Add them into Admin Area > Plugins > Installed plugins > Facebook Connect plugin.
 +5. Click the **Save** button.
 +|**Note:** If the Facebook connect plugin is active and configured on your site, you have to follow [[https://​​docs/​manuals/​android_customization#​facebook-connect-configuration|these steps]] to configure it for your Android app.|
plugin-tuts/facebook-connect.txt · Last modified: 2017/01/31 08:10 by Den