Skip to content

Commit

Permalink
Auto update
Browse files Browse the repository at this point in the history
  • Loading branch information
imsamthomas committed Jul 8, 2016
1 parent efb76d4 commit e2f9548
Show file tree
Hide file tree
Showing 8 changed files with 321 additions and 0 deletions.
11 changes: 11 additions & 0 deletions docs/index.rst
Original file line number Diff line number Diff line change
Expand Up @@ -18,3 +18,14 @@ Welcome to Mageplaza Docs
:caption: Magento 1

affiliate/index



.. toctree::
:maxdepth: 1
:glob:
:caption: Magento 2

social-login-m2/index


33 changes: 33 additions & 0 deletions docs/social-login-m2/how-to-configure-facebook-api.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
How to configure Facebook API
=================================

Facebook requires that you create an external application linking your website to their API. **Application** id and secret (also sometimes referred as **Consumer** key and secret or **Client** id and secret) are what we call an application credentials. This application will link your website example.com to Facebook API and these credentials are needed in order for Facebook users to access your website.

These credentials may also differ in format, name and content depending on the social network.

To enable authentication with this provider and to register a new Facebook API Application, follow the steps:

#. First go to: https://developers.facebook.com/apps
#. Select Add a New App from the Apps menu at the top.
#. Fill out Display Name, Namespace, choose a category and click Create App.
#. Go to Settings page and click on Add Platform. Choose website and enter in the new screen your website url in App Domains and Site URL fields. They should match with the current hostname `example.com`_.
#. Go to the Status & Review page and choose yes where it says Do you want to make this app and all its live features available to the general public?.
#. Go back to the Dashboard page and past the created application credentials (APP ID and Secret) into the boxes above.
#. Copy and insert API into API fields in **Magento Admin > Social Login > Settings > Facebook**

.. image:: https://lh4.googleusercontent.com/egi5RpRsNbcOJfelEB7HNY9z6XKLoaFWtw-pBZVqM5DwFh_55nAcZRmJH9skP1vXU_ad5IbTH-FZ0J1QaWuEYcuIMqPfTiRXIr7kIJz6Nnu-V6XvS4P9J0GXGmBbSuo7bQ7k3RM

.. image:: https://lh5.googleusercontent.com/_aj0NjyU1y7l_4IbDV-vxK8hW22agB5pybaYiS3qAzxKLzVAZc1SNQetDQcrom4MtSukol1jjyUaDxUg_pcV5Y9gUWYG6jfsOPKZPiOKEfZTgfOS-WnbMyQ5IKdRUP7Rqy0xIY0

.. image:: https://lh5.googleusercontent.com/R9aBnJasbrFOYgrchBf3PXV5fOYwzq-2OdojLwZe6dQ8YIIoslWjvXmDItWCd4BTr_spwvKQ81R1Kxg77Mpy2p_PzFovz5HPmG4SXI3su3WijcUWmnrSvfYMdBkyXvB92HKq5yQ

And that's it!

If for some reason you still can't manage to create an application for Facebook, first try to `Google it`_, then check it on `Youtube`_, and if nothing works `ask for support`_.

.. _Google it: https://www.google.com/search?q=Google%20API%20create%20application

.. _Youtube: https://www.youtube.com/results?search_query=Google%20API%20create%20application

.. _ask for support: http://support.magecheckout.com/

40 changes: 40 additions & 0 deletions docs/social-login-m2/how-to-configure-google-api.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
How to configure Google API
=================================

Google requires that you create an external application linking your website to their API. **Application** id and secret (also sometimes referred as **Consumer** key and secret or **Client** id and secret) are what we call an application credentials. This application will link your website example.com to Google API and these credentials are needed in order for Google users to access your website.

These credentials may also differ in format, name and content depending on the social network.

To enable authentication with this provider and to register a new Google API Application, follow the steps :

#. First go to: https://console.developers.google.com
#. On the Dashboard sidebar click on Project then click **Create Project**.
#. Once the project is created. Select that project, then APIs & auth > Consent screen and fill the required information.
#. Then APIs & auth > APIs and enable **Google+ API**. If you want to import the user contacts enable **Contacts API** as well.
#. After that you will need to create an new application: APIs & auth > Credentials and then click **Create new Client ID**.
#. On the **Create Client ID** popup :

* Select **Web application** as your application type.

* Put your website domain in the Authorized JavaScript origins field. This should match with the current hostname example.com.

* Provide URL as the Callback URL for your application (See in Social Login Configuration).
#. Once you have registered past the created application credentials (Client ID and Secret) into the boxes above.
#. Copy and insert API into API fields in **Magento Admin > Social Login > Settings > Google**


.. image:: https://lh3.googleusercontent.com/tKLnSFClQ8cA_ibjoOXQ7-32dgPMHxcQRDfyOcOcT_-w-y2-ZvfkK5zOot6SsF50sSYjYud5pmtBiuYQdq3h1YeK2sLTHehEMN_Cn9Eze9oEBxjrUiEUP5jzezoe1PhqsqJxjTM

.. image:: https://lh6.googleusercontent.com/jjp7aIO2iNeJRQ0jXCbDVzo4WthEE3nfaN7qZC8CruicV_JVyXi6WHooBQc2PKmAi6875Y0Zbo2z3pqUDcn11pKuO-R4jDfg4ALg_7Y5sdht6RgndhFBFi-WoBhz2scQfd6HRAM

.. image:: https://lh3.googleusercontent.com/v3WY1FWgukNVCUYAqdV98gaJLOmZmebhy5QILr9r8Bqomr8QD7gsbNpPLv8i46CZcK2NGQPKNiyVg_h5KERGLyaDvzWZPnS3eh0Fxq5mqyhRFeD-BVISv7H2QRE17OYM4Bb9GqU

And that's it!

If for some reason you still can't manage to create an application for Google, first try to `Google it`_, then check it on `Youtube`_, and if nothing works `ask for support`_.

.. _Google it: https://www.google.com/search?q=Google%20API%20create%20application

.. _Youtube: https://www.youtube.com/results?search_query=Google%20API%20create%20application

.. _ask for support: http://support.magecheckout.com/
20 changes: 20 additions & 0 deletions docs/social-login-m2/how-to-configure-instagram-api.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
How to configure Instagram API
=================================

Instagram requires that you create an external application linking your website to their API. **Application** id and secret (also sometimes referred as **Consumer** key and secret or **Client** id and secret) are what we call an application credentials. This application will link your website example.com to Instagram API and these credentials are needed in order for Instagram users to access your website.

These credentials may also differ in format, name and content depending on the social network.

To enable authentication with this provider and to register a new Instagram API Application, follow the steps:

#. With Instagram, you have to register by mobile, there’s no way to create a new account from pc. After finishing register, login your account on computer by going to: https://instagram.com/.
#. And then go to developer page: https://instagram.com/developer/ → Manage Clients
#. In new page, enter your info in Details tab:
#. Click register and you will have all info you need
#. Copy and insert API into API fields in **Magento Admin > Social Login > Settings > Instagram**

.. image:: https://lh4.googleusercontent.com/NQQnMiSWMYvlG3ozeFZ-i1ZzJLuLh1AswWGbR9HnQSt16sRKCj1s_OvdblCZ4dAD0OXq9qdYBndL6L1Yvco36y-kHzTQNcQ3tFAre23Lk0oP_sKjLa4XoQ8FpWrrP98i2JmNrPU

.. image:: https://lh4.googleusercontent.com/j5sU6l2DiVXBhIS-eSJ0DZzrIFm6HCcpYG6Haj1S8hp9lPUkLHUwqeYt21rX15TOz_x7-LgHxxu0dy2jt1d8btUNCiWXsZXRdeweQCMMUlt50r-piFcQFkWgKaG_M9tpJ9mzZmq3

.. image:: https://lh3.googleusercontent.com/sX8QUdFECKEZEaNtfVbcKllzIO99mbyn3sBp2y2kqFo0Habd0aZHpuAv_CPqr8rUYYR7BxZ0usWaA1o3CFjkn2g7KqHHlO3qA0XfIxOxlGfbdipHzA7cWBmhQUK3ulF2plB_ppzq
24 changes: 24 additions & 0 deletions docs/social-login-m2/how-to-configure-linkedin-api.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
How to configure LinkedIn API
=================================

LinkedIn requires that you create an external application linking your website to their API. **Application** id and secret (also sometimes referred as **Consumer** key and secret or **Client** id and secret) are what we call an application credentials. This application will link your website example.com to LinkedIn API and these credentials are needed in order for LinkedIn users to access your website.

These credentials may also differ in format, name and content depending on the social network.

To enable authentication with this provider and to register a new LinkedIn API Application, follow the steps:

#. Go to the link: https://www.linkedin.com/secure/developer
#. Select **Create Application** on LinkedIn Developer page
#. From the register form, fill out required fields such as Company Name, Logo, Email Company,... and click on **Sumit** button
#. Go to **My App** option from the top of Dashboard page to see all created applications and get Authentication (App id and secret)
#. Copy and insert API into API fields in **Magento Admin > Social Login > Settings > LinkedIn**

.. image:: https://lh5.googleusercontent.com/_XZE7BRrLJMk8VZhmnn3iCSfATqo7HfP6D4tMaoD4KZZl7PuUubLiRAlBLPdSiKtHio92FF2qyxw2WbHzFKO8wrE2dz4yTyxR52zMGD0EiKM7i8shE4nF7FYAtITMnHtYYO_wV6g

.. image:: https://lh5.googleusercontent.com/FskmCFtS-hA1MM8lW8ug2g0pdmEo0C_FQKZtNAjSEarBUZIzYTPApFUPhJl2V6kEQEo_EqfR_jNrsOK51vVsxV3RuedngUv7OLHaW9ClpTarVWAM7pkyC0EAdNhmz7rIz4icvbtC

.. image:: https://lh3.googleusercontent.com/KryWR3F7b2k-oajD4fv2TbsdtG7k6dn0M7OXTkS2QUPLor6GeCNP6JRTu_23R86lvqS_ZP0-UFsiwzlj7D9FyRGnZlKUkbH8Um5hNRmdwraOkMo9pvfGoiS7OhTfvyuIr3ODbvZ1

.. image:: https://lh4.googleusercontent.com/eoMiiak91N6Eghgox5l24onpBts9pXR52qgv6Xl4lQWUWC-EFVa_LEP6dYEjGVGBvHl7UucUPe1iFtnFVCEaORgIR1oIvYuhLGVg8EZHpEBMzhl42iV-Zcmxt6HhhT9VhWb_ebGz


31 changes: 31 additions & 0 deletions docs/social-login-m2/how-to-configure-twitter-api.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
How to configure Twitter API
=================================

Twitter requires that you create an external application linking your website to their API. **Application** id and secret (also sometimes referred as **Consumer** key and secret or **Client** id and secret) are what we call an application credentials. This application will link your website example.com to Twitter API and these credentials are needed in order for Twitter users to access your website.

These credentials may also differ in format, name and content depending on the social network.

To enable authentication with this provider and to register a new Twitter API Application, follow the steps:

#. First go to: https://dev.twitter.com/apps
#. Create a new application.
#. Fill out any required fields such as the application name and description.
#. Provide URL as the Callback URL for your application (See in Social Login Configuration).
#. Once you have registered, past the created application credentials (Consumer Key and Secret) into the boxes above.
#. Copy and insert API into API fields in **Magento Admin > Social Login > Settings > Twitter**

.. image:: https://lh6.googleusercontent.com/ENhqFvdmf60iiTLN-FlIqNBkNurH49gi5B_Fffy4znKFSrw1P4B67Lk2OV-6aRoU8WRK6iAZphgWIsFWjEoCE79xg6frWzspTTrNAoSR-5fFnEd24NhMqYKalmebsmwSW_q59Cw

.. image:: https://lh4.googleusercontent.com/ejlfB8fyqih4NL3s0gSzANtKBHTBCfhi_TECmPXPRZDhe6mgxDIqiB9-F1tLV0sdKAh72GEQAtgXtgHOoxVq04lBa8BiybuvwI7YJmHq4nwLcDS_xNjmgKSh6NoHiyGnrfC0xtc

.. image:: https://lh4.googleusercontent.com/iVAmtuy1-VvtQuSxf58ZhM7GF4pNNP-lvmKEYmVBFJ0rzqyw5yRTM_1bNt3uVINnb1u7qiKeP9bz0Sv6bh_0Em1GNSlHIUoKJXox2N1LPisQon4JvlJ5ZGVZ1l6ymLCoFSYO_EQ

And that's it!

If for some reason you still can't manage to create an application for Twitter, first try to `Google it`_, then check it on `Youtube`_, and if nothing works `ask for support`_.

.. _Google it: https://www.google.com/search?q=Google%20API%20create%20application

.. _Youtube: https://www.youtube.com/results?search_query=Google%20API%20create%20application

.. _ask for support: http://support.magecheckout.com/
11 changes: 11 additions & 0 deletions docs/social-login-m2/index.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
Social Login M2
=================

.. toctree::
:maxdepth: 2
:glob:

how*


.. include:: user-guide.rst
151 changes: 151 additions & 0 deletions docs/social-login-m2/user-guide.rst
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
==================================
Social Login Magento 2 User Guide
==================================


Customers are not patient enough to fill a lot of required information while those are available in social account as Facebook, LinkedIn, Instagram,.... With Magento Social Login extension, your customers only need to click on the social button and all necessary information is completed automatically.That is the main reason why Magento Social Login extension is considered as the great solution for that convenience.


General Configuration
-----------------------

Enable the module
^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > General**

.. image:: https://lh5.googleusercontent.com/vOKjwZnQ0TXvRBTMnB71VbYY3VN2Og0AMZSeCCZU3GVInDfDXoM1ENA4ZAHxkLr2oP5v-C-wrSuF-sE5r42c94k5NxF6qsSaR2W8lSNejzjVyfYW4ITy_-kf9L57GqYCTfeIzvIq

Select **Yes** option in order to allow customers to sign in quickly via social channels they are using.

Setting popup effect
^^^^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > General**

Right after activating, all of available social buttons are shown on Sign In box while the page will appear instantly on Home page without any navigation to other site.

Admin can choose one of nice effects as you need by block in Popup Effect field.

.. image:: https://lh3.googleusercontent.com/mqyPNwc9G-GHUWy3GR_ffXq__gnp8VABmBQCCBg5ARvi4jV6hRtvtF9gsua4kfU2NlyNO-m2lW2nQKXT0iTpbsKw-AmJLSqXwzgHOl4ZimEfAmABJjkrrLDh7o65bgTP_S4gS9EY

Custom color of checkbox
^^^^^^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > General**

Social Login by Mageplaza provides a Magento default color and 8 popular colors for your design,

.. image:: https://lh6.googleusercontent.com/SZewZuJb-EhGuaz8D8U6W_NO9fkOQdcP2sOD9xna0aCHwQWjObrhSZCqZQfQkUTfga8nfznlTFPGA9WKn6DAfWmJF_CBOaKLwzddDMPU0UTclJQgnv0qXLqy5w3IGUwOdRJNgX-m

Especially, now we also support you 9th color that you can freely custom depends on needs of yourself. It is unlimited color to design the style of Sign In box

.. image:: https://lh4.googleusercontent.com/pNEyFMeHICQUt7L9Ntyb02jS9lDSn51vtcs-C2gXMiCy3XmNc3Hqq_YbHqaowop6R_hTXNkQSIpOlG7gcEubDMpLVhrhFJhi18qRLpaOiQRmQQSq4CauZNFd3tx_k7-yD2p6F_mF

Facebook Sign in
------------------------

How to configure Facebook
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > Facebook**

.. image:: https://lh6.googleusercontent.com/Lm_1FLdRpuEu75feMb-G58BdvJSxPuJK4IBdzjm_2edQXqSmPO1hnhMBS-d1zR2jS_qeiPpzFth8bxMrLEhM7Y94kv1eHV0vsZImegqc7EgLcw1XhlGtlcNEroJ6JS5caIqMRsWT

* Choose Yes or No to enable or disable Facebook Sign In button on the front-end with Facebook App ID and Facebook App Secret.

* If customers login via Facebook App, you can send email notification about their account’s password on your site or not, that depends on setting in Send Password to Customer field.

Login using Facebook
^^^^^^^^^^^^^^^^^^^^^^^

.. image:: https://lh4.googleusercontent.com/gvOOOGTRebNtL8UrBfxEQ-p2yaX-5lHIFrMg3pPLEtxNpYQPpFl7f6HrJF1lAir2ofpcEpg1sjrtxiDhCqAOkxyieGbJu3fpMNTDonzxkYTr5o1dbUuR3Ln08lIoP5xCcMgUujgw

The login box will display as popup checkbox after clicking on Facebook Sign In button.

Google Sign In
-------------------

How to configure Google
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > Google**

.. image:: https://lh6.googleusercontent.com/_pEgYv31XLrVUvlKfSkI-9wIPd6AQidpfp3GskZRrGknwNUynAmfFJeblWdoW4vIrQRfSelrBrxsVIYL_Y-1h-73_yV8j1NCMp0IURopkYv2adZI2yH3rqsJxRe8_40bgnnGG-Bo

* Choose Yes or No to enable or disable Google Sign In button on the front-end with Client ID and Client Secret.

* If customers login via Google, you can send email notification about their account’s password on your site or not, that depends on setting in Send Password to Customer field.

Login using Google
^^^^^^^^^^^^^^^^^^^

.. image:: https://lh4.googleusercontent.com/GNyP6B4ymHuWqWFjvKcQ08ddZAvjRghKqTqRhTvKZrTNvqB6fjwbdUDITUnU-RAj0zPEVXOoys8s58Kk2nWtmdc1r4Jd5Jzm_h6n0y9g6KD_dL9BvqEOvRkZwPnTuvpAeUer5qRU

The login box will display as popup checkbox after clicking on Google Sign In button.

Twitter Sign In
------------------

How to configure Twitter
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > Twitter**

.. image:: https://lh3.googleusercontent.com/Rs1TWtxAFv4qVZzrn-egm78aXWh7VjFPaJC7NHtsPXwg86zc9j0aKVB2Cj8dQMAYkn91_UBb5AeoUBgGNFmL1lS2rlIAtn0ze1JO1a5rDcyAwZYdvKJX8JQJnsa1bQiSq0EyD9ac

* Choose Yes or No to enable or disable Twitter Sign In button on the front-end with Consumer Key and Consumer Secret.

* If customers login via Twitter, you can send email notification about their account’s password on your site or not, that depends on setting in Send Password to Customer field.

Login using Twitter
^^^^^^^^^^^^^^^^^^^^^

.. image:: https://lh5.googleusercontent.com/hP1LBgSKrBkx7iOC3ol4onQ5dU8PXfrjSKiXBfvQQNe1WIb9THUYaqMzajt7B4U6Kh42HDewpk7I-ku0NvEJoS6-lgb6wDDntT1QqZ1b21_wPlFFNgldnf8wpYMi2LS6W2n-LgDo

The login box will display as popup checkbox after clicking on Twitter Sign In button.

LinkedIn Sign In
--------------------

How to configure LinkedIn
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > LinkedIn**

.. image:: https://lh6.googleusercontent.com/9oPyJ8i7MhFuG_9B3eFYZlF7ZsOJFDOaotSjuWeGmiZ5T2xUvyh8enn9CrtGjLFbmw4NDG2wgLCE2GmOo8cb2NU7sLfW0sawouPiJkDv6TuXEgos_4dG-ZZM3KwZro1f5BnjyA5v

* Choose Yes or No to enable or disable LikedIn Sign In button on the front-end with API Key and Client Key.

* If customers login via LinkedIn, you can send email notification about their account’s password on your site or not, that depends on setting in Send Password to Customer field.

Login using LinkedIn
^^^^^^^^^^^^^^^^^^^^^^^^^

.. image:: https://lh4.googleusercontent.com/NX99PDte4fQ1VseiAa7xp3X1MNLHcSPtz05dhv2NUHoB_bPOd9zUqNArul59r-xnSZMpzqQzraD1QXwhgHr1pJvoNcgpcZRr_IG49xVj7yd8gqHnyJKoefEJTvyJNm7JPgpFg3K4

The login box will display as popup checkbox after clicking on LinkedIn Sign In button.

Instagram Sign In
---------------------

How to configure Instagram
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

Go to **Admin Panel > Social Login > Settings > Instagram**

.. image:: https://lh6.googleusercontent.com/DfNCC35eY2-mpGhFi-IKelFIxT-VyqLn7mHwTSs7W-NvyO2sCaRBfZimlqrJyWeDRgqYs0zkKD9tg8ZtMY4Lr0wLxbDx38ga227UjCkiOqUqqJlaC-y25GO5cu_BQfEmTOj21zOh

* Choose Yes or No to enable or disable Instagram Sign In button on the front-end with Client ID and Client Secret.

* If customers login via Instagram, you can send email notification about their account’s password on your site or not, that depends on setting in Send Password to Customer field.

Login using Instagram
^^^^^^^^^^^^^^^^^^^^^^^^^

.. image:: https://lh4.googleusercontent.com/f-xIUZUBX_YHjg2DnDmAQXKKiHkelSND8HlzjhJ9xeTpEwa5Rl5ys9cnfI2Zk98FT6hMVPr2G9lNNnXFZX4C6kiSp4Jv8B0gxerwxsJdkkHUeiBC_JfhRqUc3cKIfFJBwObpPELh

The login box will display as popup checkbox after clicking on Instagram Sign In button.



0 comments on commit e2f9548

Please sign in to comment.