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 [2013/12/18 05:11]
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.
  
 +{{:​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:​fbconnect_1.png?300|}}+{{:​plugin-tuts:​facebook_connect_2.png|}}
  
-  ​Fill in basic info page+3. Follow the steps described on this page: 
-  * App Domainsenter your domain name without ​http:// ​and www + 
-  * Sandboxdisable sandbox mode.+  * Click **Apps** > **Add a New App** in the top menu. 
 + 
 +{{:plugin-tuts:​facebook_connect_plugin1.png|}} 
 + 
 +  * Choose the **Website** option. 
 + 
 +{{:​plugin-tuts:​facebook_connect_plugin2.png|}} 
 + 
 +  * Click the **Skip and create ​App ID** at the top right corner. 
 + 
 +{{:plugin-tuts:​facebook_connect_plugin3.png|}} 
 + 
 +Enter your application **Display Name** and **Contact Email**. 
 + 
 +  * Select a category and click Create **App ID**. 
 + 
 +{{:​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.|
  
-Website with Facebook login - enter the URL of your site where Oxwall is installed. ​ 
-Example: http://​sitename.com,​ http://​sitename.com/​oxwallfolder,​ http://​oxwallfolder.sitename.com ​ 
  
-{{:​plugin-tuts:​fbconnect_2.png?​300|}} 
-test 
plugin-tuts/facebook-connect.txt · Last modified: 2017/01/31 08:10 by Den