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:52]
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 +
-  *  +
-Save changes.+Enter your application **Display Name** and **Contact Email**.
-==== Status & Review====+  * Select a category and click Create **App ID**.
-Once changes are saved, navigate to "​Status&​Review"​ section from left sidebar. +{{:plugin-tuts:​facebook_connect_plugin_4.png|}}
-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|}}+You will be directed to the application **Dashboard** page.
 +  * Click **Settings** tab in the Sidebar menu.
-====App Details ====+  * Enter your site domain name (e.g.:​ and Namespace.
-To upload your own logo add add additional information about your App navigate to** App Details**  from left sidebar:+  ​Click **Save changes**.
-Once all changes are saved go back to "​Settings"​ and copy **'App ID'** and **'App Secret'​**:+  ​Click **Add Platform** » Select ​**Website**
-===== On your site =====+  * Enter Site URL: http://​​ and click the **Save Changes** button.
-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_8.png|}}
 +  * 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.1397814768.txt.gz · Last modified: 2015/09/15 09:10 (external edit)