User Tools

Site Tools


plugin-tuts:facebook-connect

Differences

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] (current)
Den
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.
  
-====Settings====+{{:​plugin-tuts:​facebook_connect_1.png|}}
  
-Go to [[http://​developers.facebook.com/​setup/​]] and create an application+2You will be directed to the **Facebook connect management** page.
  
-{{:​plugin-tuts:​create_app1.png?300|}}+{{:​plugin-tuts:​facebook_connect_2.png|}}
  
-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 URLhttp://sitename.com/ +{{:plugin-tuts:facebook_connect_plugin2.png|}}
-  * Secure Canvas URL: https://​sitename.com/​+
  
-Scroll up and fill in: +  * Click the **Skip ​and create App ID** at the top right corner.
  
-  * App Domainssitename.com +{{: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.:​www.yoursitedomain.com) 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://​www.yoursitedomain.com/​ 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.
  
 +{{:​plugin-tuts:​facebook_connect_plugin_10.png|}}
 +
 +  * To upload your site logo and add additional information about your website, click **Settings** in the Sidebar menu.
 +
 +{{:​plugin-tuts:​facebook_connect_plugin_6_1_.png|}}
 +
 +4.Go to **Settings** tab, copy the **Application ID** and **App secret**
 +
 +{{:​plugin-tuts:​facebook_connect_plugin_11.png|}}
 +
 +Add them into Admin Area > Plugins > Installed plugins > Facebook Connect plugin.
 +
 +{{:​plugin-tuts:​facebook_connect_plugin_12.png|}}
 +
 +5. Click the **Save** button.
 +
 +|**Note:** If the Facebook connect plugin is active and configured on your site, you have to follow [[https://​hello.skadate.com/​docs/​manuals/​android_customization#​facebook-connect-configuration|these steps]] to configure it for your Android app.|
  
  
plugin-tuts/facebook-connect.1397814923.txt.gz · Last modified: 2015/09/15 09:10 (external edit)