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:46]
Alia
plugin-tuts:facebook-connect [2017/01/31 08:10]
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:basic====+{{: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**.
  
-====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 (e.g.:www.yoursitedomain.com) 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**
  
-{{:​plugin-tuts:​fbconnet_5.png?300|}}+{{:​plugin-tuts:​facebook_connect_plugin_7.png|}}
  
-===== Notes =====+  * Enter Site URL: http://​www.yoursitedomain.com/​ 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**
 +
 +{{:​plugin-tuts:​facebook_connect_plugin_9.png|}}
 +
 +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.txt · Last modified: 2017/01/31 08:10 by Den