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. |