This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
plugin-tuts:contact-importer [2013/12/18 06:16] Alia Approved |
plugin-tuts:contact-importer [2015/10/28 09:26] (current) Alia |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | This document will help you with setting up various providers for importing friends using Import Friends plugin. | + | ====== How to configure Contact Importer plugin ====== |
| + | |||
| + | ===== Facebook ===== | ||
| - | ====== Facebook ====== | + | 1. Go to [[http://www.facebook.com/developers/createapp.php]] and create an application |
| + | 2. Click My Apps > Add a New App in the top menu. | ||
| - | To allow site users import contacts from Facebook, follow these steps:\\ | + | 3. Create App ID: |
| - | **1**. You should create an application here:\\ | + | {{:plugin-tuts:create_app_id.png?300|}} |
| - | https://developers.facebook.com/apps/\\ | + | |
| - | {{:plugin-tuts:fbconnect_1.png?300|}} | + | 4.Select "Communication" App Categpory from next pop up: |
| - | **2**. Once application is created you should do the following: | + | {{:plugin-tuts:app_category.png?300|}} |
| - | * Fill in the 'App Domain' field. Type your website domain (like sitename.com, without http: and www) and press Enter, that should wrap text in a blue rectangle.\\ | + | 5. Click "Skip Quick Start" from upper right corner. You will be navigated to App Dashboard page. |
| - | * Scroll down where it says 'App on Facebook', click on it and fill in the 'Canvas URL'. It should look like http://sitaname.com/contactimporter/fbcanvas/ where **sitename.com** is your site URL where Oxwall is installed. If Oxwall is installed in subfolder use http://sitename.com/myoxwallfolder/contactimporter/fbcanvas/. \\ | + | 6. Click "Settings" from the left sidebar: |
| - | * Secure Canvas URL is the same url as you used for Canvas URL, but with **https** \\ | + | 7. Click "Add Platform" > select "Website" from opened pop up > Enter your site URL > Save changes: |
| - | {{:plugin-tuts:fbcontact_importer.png?300|}} | + | {{:plugin-tuts:app_settings.png?300|}} |
| - | Once all changes are saved go to Settings>Basic page of your App and copy 'App ID' and 'App Secret': | + | 8. Enter your domain name into "App Domains" field and your contact email into "Contact Email" field > Save changes one more time. |
| + | 10. Click "Status&Review" section from left sidebar. | ||
| + | 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|}} | ||
| - | **3**. Go to **Admin Panel** > **Plugins** > **Installed Plugins** > **Contact Importer** > **Settings** section. Fill 'APP ID' and 'APP SECRET' with values from step 2.\\ | + | |
| + | ====App Details ==== | ||
| + | |||
| + | To upload your own logo add add additional information about your App navigate to** App Details** from left sidebar: | ||
| + | |||
| + | {{:plugin-tuts:app-details.png?300|}} | ||
| + | |||
| + | Once all changes are saved go back to "Settings" and copy **'App ID'** and **'App Secret'**: | ||
| + | |||
| + | {{:plugin-tuts:appid.png?300|}} | ||
| + | |||
| + | |||
| + | Go to **Admin Panel** > **Plugins** > **Installed Plugins** > **Contact Importer** > **Settings** section. Fill 'APP ID' and 'APP SECRET' with values from step 2.\\ | ||
| Installation completed. | Installation completed. | ||
| Line 36: | Line 53: | ||
| To allow site users import contacts from Google, follow these steps: \\ | To allow site users import contacts from Google, follow these steps: \\ | ||
| - | **1**. You should register new application here:\\ | + | **1**. Click on "API Project" at https://console.developers.google.com/project |
| - | https://code.google.com/apis/console/\\ | + | |
| - | APIs & auth>Registered Apps>Register New App | + | {{:plugin-tuts:gimporter1.png?300|}} |
| - | {{:plugin-tuts:gcontactimporter_1.png?300|}} | + | **2**.Navigate to APIS&AUTH > Credentials > Create New Client ID from the left menu. |
| - | **2**.Choose **OAuth 2.0 Client ID** control : | + | {{:plugin-tuts:gimporter2.png?300|}} |
| - | * Web Origin - URL to the place where Oxwall is installed | + | Fill in the form by: |
| - | * Redirect URI- URL to the place where Oxwall is installed with **/google/oauth** string. Example: http://sitename.com/google/oauth | + | |
| - | {{:plugin-tuts:gcontactimporter_2.png?300|}} | + | * Application type - Web application |
| - | + | * Authorized Java Script Origins- URL of your site. | |
| - | + | * Redirect URI- URL to the place where Oxwall is installed with **/google/oauth** string. Example: http://sitename.com/google/oauth | |
| - | **3**. Click the 'Generate' button.\\ | + | |
| + | {{:plugin-tuts:gimpoter3.png?300|}} | ||
| - | **4**. Then copy the Client ID and Client secret and paste it into your Admin Area > Plugins > Installed Plugins > Contact Importer plugin > Google App Settings section.\\ | + | **3**. Once Client ID is created copy the Client ID and Client secret and paste it into your Admin Area > Plugins > Installed Plugins > Contact Importer plugin > Google App Settings section.\\ |
| {{:plugin-tuts:final_settings.png?600|}} | {{:plugin-tuts:final_settings.png?600|}} | ||
| Installation completed. | Installation completed. | ||