Differences

This shows you the differences between two versions of the page.

--- plugin-tuts:contact-importer [2012/10/24 11:14]
Den 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 ======
+. Go to [[http://www.facebook.com/developers/createapp.php]] and create an application
+. Click My Apps > Add a New App in the top menu.
-To allow site users import contacts from Facebook, follow these steps:\\
+. Create App ID:
-**1**. You should create an application here:\\
+{{:plugin-tuts:create_app_id.png?300|}}
-https://developers.facebook.com/apps/\\
-{{:plugin-tuts:fb1.jpg?600|}}
+.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 yourdomain.com, without http: and www) and press Enter, that should wrap text in a blue rectangle.\\
+. Click "Skip Quick Start" from upper right corner. You will be navigated to App Dashboard page.
-   * Scroll down where it says 'Website', click on it and paste your site URL (with http: and www if applicable) into the Site URL field.\\
+. Click "Settings" from the left sidebar:
-   * Scroll down where it says 'App on Facebook', click on it and fill in the 'Canvas URL'. It should look like http://yourdomain.com/contactimporter/fbcanvas/ where yourdomain.com is your site URL.\\
+. Click "Add Platform" > select "Website" from opened pop up > Enter your site URL > Save changes:
-Pay attention to the App ID and App Secret (marked with red), they will be used in the step 3.\\
+{{:plugin-tuts:app_settings.png?300|}}
-{{:plugin-tuts:fb2.jpg?600|}}
+. Enter your domain name into "App Domains" field and your contact email into "Contact Email" field > Save changes one more time.
-**3**. Go to **Admin Panel** > **Plugins** > **Installed Plugins** > **Contact Importer** > **Settings** section. Fill 'APP ID' with value from step 2.\\
+. 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":
-Installation completed.
+{{:plugin-tuts:status-review.png?300|}}
+====App Details ====
-====== Google ======
+To upload your own logo add add additional information about your App navigate to** App Details**  from left sidebar:
-To allow site users import contacts from Google, follow these steps: \\
+{{:plugin-tuts:app-details.png?300|}}
-**1**. You should create an application here:\\
+Once all changes are saved go back to "Settings" and copy **'App ID'** and **'App Secret'**:
-https://code.google.com/apis/console/\\
-{{:plugin-tuts:screenshot.png?400|}}
+{{:plugin-tuts:appid.png?300|}}
-**2**.On the page for creating a new application select the API Access from the left menu and click the Create an OAuth 2.0 Client button\\
-{{:plugin-tuts:screenshot-3.png?600|}}
+Go to **Admin Panel** > **Plugins** > **Installed Plugins** > **Contact Importer** > **Settings** section. Fill 'APP ID' and 'APP SECRET' with values from step 2.\\
-**3**. Enter a product name, upload logo and click Next.\\
+Installation completed.
+====== Google ======
+To allow site users import contacts from Google, follow these steps: \\
-{{:plugin-tuts:screenshot-4.png?600|}}
+**1**. Click on  "API Project" at https://console.developers.google.com/project
-**4**. Select the Web application option and Click the More options link.\\
+{{:plugin-tuts:gimporter1.png?300|}}
-**5**.
+**2**.Navigate to APIS&AUTH > Credentials > Create New Client ID from the left menu.
- **a**. Enter your site URL with the google/oauth string in the end into the Authorized Redirect URIs field. It should look like this: http://yoursite.com/google/oauth\\
- **b**. Enter your website URL to the Authorized JavaScript Origins field.\\
+{{:plugin-tuts:gimporter2.png?300|}}
-{{:plugin-tuts:screenshot-6.png?600|}}
+Fill in the form by:
-**6**. Click the Create Client ID button.\\
+  * 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
-{{:plugin-tuts:screenshot-7.png?600|}}
+{{:plugin-tuts:gimpoter3.png?300|}}
-**7**. 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|}}
 Installation completed.

Oxwall Software Documentation

User Tools

Site Tools

Differences

Page Tools