This shows you the differences between two versions of the page.
Both sides previous revision Previous revision | |||
plugin-tuts:facebook-connect [2015/01/12 11:57] 127.0.0.1 external edit |
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.| | ||