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 [2014/04/18 11:17] 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 |
- | ====Settings==== | + | 2. Click My Apps > Add a New App in the top menu. |
- | Go to [[http://developers.facebook.com/setup/]] and create an application | + | 3. Create App ID: |
- | {{:plugin-tuts:create_app1.png?300|}} | + | {{:plugin-tuts:create_app_id.png?300|}} |
- | Navigate to "Settings" section within the left sidebar and click on "Add Platform" button: | + | 4.Select "Communication" App Categpory from next pop up: |
- | {{:plugin-tuts:add_platform.png?300|}} | + | {{:plugin-tuts:app_category.png?300|}} |
- | Select "App on Facebook" platform in opened pop up window. | + | 5. Click "Skip Quick Start" from upper right corner. You will be navigated to App Dashboard page. |
- | Fill in added "App on Facebook" form with: | + | 6. Click "Settings" from the left sidebar: |
- | * Canvas URL: http://sitename.com/contactimporter/fbcanvas/ | + | 7. Click "Add Platform" > select "Website" from opened pop up > Enter your site URL > Save changes: |
- | * Secure Canvas URL: https://sitename.com/contactimporter/fbcanvas/ | + | |
- | * | + | |
- | |**Note**: Facebook requires SSL certificate to be installed on your server for your domain name.| | + | |
- | Scroll up and fill in: | + | {{:plugin-tuts:app_settings.png?300|}} |
- | * App Domains: sitename.com | + | 8. Enter your domain name into "App Domains" field and your contact email into "Contact Email" field > Save changes one more time. |
- | * Contact Emails: enter your email address | + | |
- | {{:plugin-tuts:contact-importer1.png?300|}} | + | 10. Click "Status&Review" section from left sidebar. |
- | + | ||
- | Save changes. | + | |
- | + | ||
- | ==== Status & Review==== | + | |
- | + | ||
- | Once changes are saved, navigate to "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": | Set "Do you want to make this app and all its live features available to the general public?" from "No" to "Yes": | ||
Line 61: | 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: |
+ | |||
+ | * 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 | * 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|}} | + | {{:plugin-tuts:gimpoter3.png?300|}} |
- | + | ||
- | + | ||
- | **3**. Click the 'Generate' button.\\ | + | |
- | **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. |