Differences

This shows you the differences between two versions of the page.

--- plugin-tuts:facebook-connect [2014/04/18 09:52]
Alia
+++ 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 =====
+. 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
+. You 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:
+. 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 URL: http://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 Domains: sitename.com
+{{:plugin-tuts:facebook_connect_plugin3.png|}}
-  * Contact Emails: enter your email address
-  *
-{{:plugin-tuts:app-on-facebook-step-2.png?300|}}
-Save changes.
+Enter your application **Display Name** and **Contact Email**.
-==== Status & Review====
+  * Select a category and click Create **App ID**.
-Once changes are saved, navigate to "Status&Review" section from left sidebar.
+{{:plugin-tuts:facebook_connect_plugin_4.png|}}
-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|}}
+You will be directed to the application **Dashboard** page.
+  * Click **Settings** tab in the Sidebar menu.
-====App Details ====
+  * Enter your site domain name (e.g.:www.yoursitedomain.com) and Namespace.
-To upload your own logo add add additional information about your App navigate to** App Details**  from left sidebar:
+  * Click **Save changes**.
-{{:plugin-tuts:app-details.png?300|}}
+{{:plugin-tuts:facebook_connect_plugin_6.png|}}
-Once all changes are saved go back to "Settings" and copy **'App ID'** and **'App Secret'**:
+  * Click **Add Platform** » Select **Website**
-{{:plugin-tuts:fbconnect_4.png?300|}}
+{{:plugin-tuts:facebook_connect_plugin_7.png|}}
-===== On your site =====
+  * Enter Site URL: http://www.yoursitedomain.com/ and click the **Save Changes** button.
-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_8.png|}}
+  * 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|}}
+.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|}}
+. 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.|

Oxwall Software Documentation

User Tools

Site Tools

Differences

Page Tools