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 [2012/11/30 11:26]
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.
  
 +{{:​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:​1.png|}}+{{:​plugin-tuts:​facebook_connect_2.png|}}
  
----+3. Follow the steps described on this page:
  
-Enter your site name and URL (e.g. **My test site** and **http://​mytestsite.wackwall.com/​**):+  ​Click **Apps** **Add a New App** in the top menu.
  
-{{:​plugin-tuts:​2.png|}}+{{:​plugin-tuts:​facebook_connect_plugin1.png|}}
  
 +  * Choose the **Website** option.
  
----+{{:plugin-tuts:​facebook_connect_plugin2.png|}}
  
-Copy 'App ID' ​and 'App Secret'​ from the next page+  * Click the **Skip ​and create ​App ID** at the top right corner.
  
-{{:​plugin-tuts:​3.png|}}+{{:​plugin-tuts:​facebook_connect_plugin3.png|}}
  
 +Enter your application **Display Name** and **Contact Email**.
  
-===== On your site =====+  * Select a category and click Create **App ID**.
  
-Go to your Facebook connect settings area. Enter the API key and Secret ​in "Settings" ​tab. Review synchronization options in "​Profile Questions Synchronization"​ tabYour plugin is ready for use.+{{:​plugin-tuts:​facebook_connect_plugin_4.png|}} 
 + 
 +You will be directed ​to the application **Dashboard** page. 
 + 
 +  * Click **Settings** tab in the Sidebar menu. 
 + 
 +  * Enter your site domain name (e.g.:​www.yoursitedomain.com) and Namespace. 
 + 
 +  * Click **Save changes**. 
 + 
 +{{:​plugin-tuts:​facebook_connect_plugin_6.png|}} 
 + 
 +  * Click **Add Platform** » Select **Website** 
 + 
 +{{:​plugin-tuts:​facebook_connect_plugin_7.png|}} 
 + 
 +  * Enter Site URL: http://​www.yoursitedomain.com/​ and click the **Save Changes** button. 
 + 
 +{{:​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.|
  
-===== Notes ===== 
  
-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.1354274787.txt.gz · Last modified: 2015/09/15 09:10 (external edit)