This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
| plugin-tuts:facebook-connect [2015/01/12 11:57] 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: | + | 2. You will be directed to the **Facebook connect management** page. | 
| - | {{:plugin-tuts:create-app.png?300|}} | + | {{:plugin-tuts:facebook_connect_2.png|}} | 
| + | 3. Follow the steps described on this page: | ||
| - | Within the opened pop-up select "Website": | + | * Click **Apps** > **Add a New App** in the top menu. | 
| - | {{:plugin-tuts:create-app-2.png?300|}} | + | {{:plugin-tuts:facebook_connect_plugin1.png|}} | 
| + | * Choose the **Website** option. | ||
| - | Click "Skip and Create App ID" in top right corner: | + | {{:plugin-tuts:facebook_connect_plugin2.png|}} | 
| - | {{:plugin-tuts:create-app-3.png?300|}} | + | * Click the **Skip and create App ID** at the top right corner. | 
| + | {{:plugin-tuts:facebook_connect_plugin3.png|}} | ||
| - | Give a name to your App: | + | Enter your application **Display Name** and **Contact Email**. | 
| - | {{:plugin-tuts:create-app-4.png?300|}} | + | * Select a category and click Create **App ID**. | 
| + | {{:plugin-tuts:facebook_connect_plugin_4.png|}} | ||
| - | Click "Add Platform": | + | You will be directed to the application **Dashboard** page. | 
| - | {{:plugin-tuts:create-app-5.png?300|}} | + | * Click **Settings** tab in the Sidebar menu. | 
| + | * Enter your site domain name (e.g.:www.yoursitedomain.com) and Namespace. | ||
| - | Within opened pop up select "Website": | + | * Click **Save changes**. | 
| - | {{:plugin-tuts:create-app-6.png?300|}} | + | {{:plugin-tuts:facebook_connect_plugin_6.png|}} | 
| + | * Click **Add Platform** » Select **Website** | ||
| - | Enter your Site URL and save changes( if you are not sure what your site URL is open ow_includes/config.php and copy the URL for "OW_URL_HOME"): | + | {{:plugin-tuts:facebook_connect_plugin_7.png|}} | 
| - | {{:plugin-tuts:create-app-7.png?300|}} | + | * Enter Site URL: http://www.yoursitedomain.com/ and click the **Save Changes** button. | 
| + | {{:plugin-tuts:facebook_connect_plugin_8.png|}} | ||
| - | Once changes are saved add your domain name into "App Domain" field:  | + | * To publish your app click **App Review** tab in the Sidebar menu. | 
| - | {{:plugin-tuts:create-app-8.png?300|}} | + | * Set Make **mypageappid public?** from **No** to **Yes** | 
| - | ==== Status & Review==== | + | {{:plugin-tuts:facebook_connect_plugin_9.png|}} | 
| - | Once changes are saved, navigate to "Status&Review" section from left sidebar. | + | Click **Confirm** in the **Make app public?** window. | 
| - | 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|}} | + | {{: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. | ||
| - | ====App Details ==== | + | {{:plugin-tuts:facebook_connect_plugin_6_1_.png|}} | 
| - | To upload your own logo add add additional information about your App navigate to** App Details** from left sidebar: | + | 4.Go to **Settings** tab, copy the **Application ID** and **App secret** | 
| - | {{:plugin-tuts:app-details.png?300|}} | + | {{:plugin-tuts:facebook_connect_plugin_11.png|}} | 
| - | Once all changes are saved go back to "Settings" and copy **'App ID'** and **'App Secret'**: | + | Add them into Admin Area > Plugins > Installed plugins > Facebook Connect plugin. | 
| - | {{:plugin-tuts:appid.png?300|}} | + | {{:plugin-tuts:facebook_connect_plugin_12.png|}} | 
| - | ===== On your site ===== | + | 5. Click the **Save** 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:fbconnet_5.png?300|}} | + | |
| - | + | ||
| - | ===== Notes ===== | + | |
| - | + | ||
| - | As per the Facebook requirement, the users who try to register using FBconnect should have only latin character sets in their name. | + | |
| + | |**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.| | ||