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:46]
plugin-tuts:facebook-connect [2017/01/31 08:10] (current)
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**.
-====App Details ====+  * Select a category and click Create **App ID**.
-To upload your own logo add add additional information about your App navigate to** App Details** page ( left sidebar bellow "​Settings"​):+{{:plugin-tuts:​facebook_connect_plugin_4.png|}}
-{{:​plugin-tuts:​fbconnect_3.png?300|}}+You will be directed to the application **Dashboard** page.
-Once all changes are saved go back to Settings>​Basic page and copy **'App ID'** and **'App Secret'​**:+  ​Click **Settings** tab in the Sidebar menu.
-{{:plugin-tuts:​fbconnect_4.png?300|}}+  * Enter your site domain name ( and Namespace.
-===== On your site =====+  * Click **Save changes**.
-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.+{{:plugin-tuts:​facebook_connect_plugin_6.png|}}
 +  * Click **Add Platform** » Select **Website**
-===== Notes =====+  * Enter Site URL: http://​​ and click the **Save Changes** button.
-As per the Facebook requirement,​ the users who try to register using FBconnect should have only latin character sets in their name.+{{:​plugin-tuts:​facebook_connect_plugin_8.png|}}
 +  * To publish your app click **App Review** tab in the Sidebar menu.
 +  * Set Make **mypageappid public?** from **No** to **Yes**
 +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.1397814384.txt.gz · Last modified: 2015/09/15 09:10 (external edit)