Social Login

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,.... Magento 2 Social Login extension by Mageplaza, 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.

Login to Magento Admin and do as the following:

https://cdn.mageplaza.com/docs/social-settings.gif

General Configuration

Enable the module

Go to Admin Panel > Social Login > Settings > General

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.

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,

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

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

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

https://cdn.mageplaza.com/media/general/5zYCdnw.png

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

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

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

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

https://cdn.mageplaza.com/media/general/fYF1sRc.png

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

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

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

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

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

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

Community Support

Ask for helps on: - Magento Community - https://github.com/mageplaza/magento-2-social-login/issues

Expert’s recommendations

Tip

Must-have extensions for your Magento stores

  1. One Step Checkout
  2. Layered Navigation
  3. Social Login FREE
  4. Affiliate
  5. Blog FREE
  6. Shop by brand
  7. SEO FREE
  8. Banner Slider FREE