Differences

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

--- plugin-tuts:contact-importer [2013/12/18 05:45]
Alia
+++ 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:fbconnect_1.png?300|}}
+.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.\\
+. 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/.
+. Click "Settings" from the left sidebar:
-   * Secure Canvasl URL is the same url as you used for Canvas URL, but with **https** \\
-Once all changes are saved go  to Settings>Basic page of your App and copy 'App ID' and 'App Secret':
+. Click "Add Platform" > select "Website" from opened pop up > Enter your site URL > Save changes:
-{{:plugin-tuts:fbcontactimporter_1.png?300|}}
+{{:plugin-tuts:app_settings.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.\\
+. Enter your domain name into "App Domains" field and your contact email into "Contact Email" field > Save changes one more time.
-Installation completed.
+. 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|}}
-====== Google ======
+====App Details ====
-To allow site users import contacts from Google, follow these steps: \\
+To upload your own logo add add additional information about your App navigate to** App Details**  from left sidebar:
-**1**. You should create an application here:\\
+{{:plugin-tuts:app-details.png?300|}}
-https://code.google.com/apis/console/\\
-{{:plugin-tuts:screenshot.png?400|}}
+Once all changes are saved go back to "Settings" and copy **'App ID'** and **'App Secret'**:
-**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:appid.png?300|}}
-{{:plugin-tuts:screenshot-3.png?600|}}
-**3**. Enter a product name, upload logo and click Next.\\
+Go to **Admin Panel** > **Plugins** > **Installed Plugins** > **Contact Importer** > **Settings** section. Fill 'APP ID' and 'APP SECRET' with values from step 2.\\
+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