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 [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 | + | 2. You 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" tab. Your 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. |