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:47]
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 Domains: +{{:​plugin-tuts:​facebook_connect_plugin3.png|}}
-  * Contact Emails: enter your email address +
-  *  +
-====App Details ====+Enter your application **Display Name** and **Contact Email**.
-To upload your own logo add add additional information about your App navigate to** App Details** page ( left sidebar bellow "​Settings"​):​+  * Select a category and click Create ​**App ID**.
-Once all changes are saved go back to Settings>​Basic page and copy **'App ID'** and **'App Secret'​**:​+You will be directed ​to the application ​**Dashboard** page.
-{{:​plugin-tuts:​fbconnect_4.png?300|}}+  * Click **Settings** tab in the Sidebar menu.
-===== On your site =====+  * Enter your site domain name (e.g.:​ and Namespace.
-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.+  * Click **Save changes**.
-{{:​plugin-tuts:​fbconnet_5.png?​300|}}+  * Click **Add Platform** » Select **Website**
-===== Notes =====+{{:​plugin-tuts:​facebook_connect_plugin_7.png|}}
-As per the Facebook requirement,​ the users who try to register using FBconnect should have only latin character sets in their name.+  * Enter Site URL: http://​​ and click the **Save Changes** button.
 +  * 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.1397814445.txt.gz · Last modified: 2015/09/15 09:10 (external edit)