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 [2015/01/12 11:56]
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.
-Within ​the opened pop-up select "​Website"​+3. Follow ​the steps described on this page:
-{{:​plugin-tuts:​create-app-2.png?300|}}+  * Click **Apps** > **Add a New App** in the top menu.
-Click "Skip and Create App ID" in top right corner:+{{:plugin-tuts:​facebook_connect_plugin1.png|}}
-{{:​plugin-tuts:​create-app-3.png?300|}}+  * Choose the **Website** option.
-Give a name to your App+{{:​plugin-tuts:​facebook_connect_plugin2.png|}}
-{{:​plugin-tuts:​create-app-4.png?300|}}+  * Click the **Skip and create ​App ID** at the top right corner.
-Click "Add Platform"​+{{:​plugin-tuts:​facebook_connect_plugin3.png|}}
-{{:​plugin-tuts:​create-app-5.png?300|}}+Enter your application **Display Name** and **Contact Email**.
-Within opened pop up select "​Website"​+  * Select a category and click Create **App ID**.
-Enter your Site URL and save changes( if you are not sure what your site URL is open ow_includes/​config.php and copy the URL for "​OW_URL_HOME"​).+You will be directed to the application **Dashboard** page.
-{{:​plugin-tuts:​create-app-7.png?300|}}+  * Click **Settings** tab in the Sidebar menu.
-Once changes are saved add your domain name into "App Domain"​ field+  * Enter your site domain name (e.g.:​ and Namespace.
-{{:​plugin-tuts:​create-app-8.png?300|}}+  * Click **Save changes**.
-==== Status & Review====+{{:​plugin-tuts:​facebook_connect_plugin_6.png|}}
-Once changes are saved, navigate to "​Status&​Review"​ section from left sidebar. +  * Click **Add Platform** » Select **Website**
-Set "Do you want to make this app and all its live features available to the general public?"​ from "​No"​ to "​Yes": ​+
 +  * Enter Site URL: http://​​ and click the **Save Changes** button.
-====App Details ====+{{:​plugin-tuts:​facebook_connect_plugin_8.png|}}
-To upload ​your own logo add add additional information about your App navigate to** App Details**  from left sidebar:+  * To publish ​your app click **App Review** tab in the Sidebar menu.
-{{:​plugin-tuts:​app-details.png?300|}}+  * Set Make **mypageappid public?** from **No** to **Yes**
-Once all changes are saved go back to "​Settings"​ and copy **'App ID'** and **'App Secret'​**:+{{:plugin-tuts:​facebook_connect_plugin_9.png|}}
-{{:​plugin-tuts:​appid.png?300|}}+Click **Confirm** in the **Make app public?** window.
-===== On your site =====+{{:​plugin-tuts:​facebook_connect_plugin_10.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 upload ​your site logo and add additional information about your website, click **Settings** in the Sidebar menu.
-===== Notes =====+4.Go to **Settings** tab, copy the **Application ID** and **App secret**
-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_11.png|}}
 +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