1 User Guide Social Login for Magento 2 Extension SOCIAL LOGIN FOR MAGENTO 2 USER GUIDE BSSCOMMERCE 1
2 User Guide Social Login for Magento 2 Extension Contents 1. Social Login for Magento 2 Extension Overview... 3 2. How Does Social Login for Magento 2 Work?... 3 2.1. General... 3 2.2. Social Button Block... 4 2.3. ReCaptcha... 5 2.4. Configuration of specific social account... 7 2.4.1. Facebook... 7 2.4.2. Twitter... 11 2.4.3. Google... 11 2.4.4. Yahoo... 12 2.4.5. LinkedIn... 13 2.4.6. Window-Live... 16 2.4.7. Instagram... 20 2.4.8. Vkontakte... 24 3. Contact Us... 26 BSSCOMMERCE 2
3 User Guide Social Login for Magento 2 Extension 1. Social Login for Magento 2 Extension Overview Social Login for Magento 2 Extension allows customers to sign through social media accounts like Facebook, Twitter, Google Plus... quickly via Ajax pop-up. They can sign up or login on a site quickly within few clicks instead of wasting time on filling in register or login form. Ajax pop-up is also a method to save up time customers might spend on loading new pages. 2. How Does Social Login for Magento 2 Work? Please go to Store Configuration BSS COMMERCE Ajax Social Login. 2.1. General In Enable, choose Yes to enable the extension or No to disable it. BSSCOMMERCE 3
4 User Guide Social Login for Magento 2 Extension In Use Popup Ajax, choose Yes to enable popup for login and register. Otherwise, choose No to disable it. In Display Customer Photo, choose Yes to display the customer s profile photo from the social account they used for signup, or choose No to not display customer s social photo. In Redirect after Login, select the page on site or any particular URL you want to redirect after customer login successfully. In Redirect after Register, select the page on site or any particular URL you want to redirect after customer completed register process. 2.2. Social Button Block In Display buttons social login on popup, decide to display social buttons on Login tab or Register tab of popup, or place it on both tabs. In Display buttons social follow class or id, enter class/id to place social button social login on. BSSCOMMERCE 4
5 User Guide Social Login for Magento 2 Extension In Display buttons social register follow class or id, enter class/id to place social button social register on. In Number of button displayed, set the restriction of number of buttons to display on social login block. In Social Button Sorting, decide the arrangement of buttons in social login block. 2.3. ReCaptcha In Site Key and Secret Key, click Create a site key and register recaptcha. BSSCOMMERCE 5
6 User Guide Social Login for Magento 2 Extension After registering, you will got the Site key and Secret key as below: In Theme, choose the theme of recaptcha between: Light: Dark: In Type: Choose the type of robot checking between Image and Audio In Size: Choose the size of recaptcha widget between Normal and Compact. BSSCOMMERCE 6
7 User Guide Social Login for Magento 2 Extension In Popup Form: Choose the form(s) of popup on site to place the recaptcha widget. A form of popup includes Login, Register and Forgot Password? 2.4. Configuration of specific social account 2.4.1. Facebook Take Facebook account as the example: In Enable, choose Yes to enable Facebook account for login and register on site, or choose No to disable it. In App ID and App Secret, click on click here below Enable dropdown box, you will be redirect to a page to set up new API like below. BSSCOMMERCE 7
8 User Guide Social Login for Magento 2 Extension After completing register step, you will see a page as below. Click on Get Started in Facebook Login Click on Dashboard, you will see your App ID and App Secret - copy them and paste correspondingly into App ID and App Secret box in backend configuration. BSSCOMMERCE 8
9 User Guide Social Login for Magento 2 Extension In URI redirection valid OAuth copy the Valid OAuth redirect URIs like below and paste into the box URI redirection valid Oauth. In Small Icon, upload the file for icon of this account displayed in frontend. In Login Button Text, customize the text in social login button. BSSCOMMERCE 9
10 User Guide Social Login for Magento 2 Extension In Registration Button Text, customize the text in social registration button. Note: In case you run into the error Blocked URL use URI at the link to re-setup the configuration, as follow: For other social accounts, follow similar steps like the setting for Facebook: BSSCOMMERCE 10
11 User Guide Social Login for Magento 2 Extension 2.4.2. Twitter 2.4.3. Google BSSCOMMERCE 11
12 User Guide Social Login for Magento 2 Extension 2.4.4. Yahoo BSSCOMMERCE 12
13 User Guide Social Login for Magento 2 Extension 2.4.5. LinkedIn BSSCOMMERCE 13
14 User Guide Social Login for Magento 2 Extension To get Client ID, Client Secret and Redirect URL, please click on "click here" link and follow steps as below: + Create new application: + Set up Authentication for application: You get Redirect URLs in this step: BSSCOMMERCE 14
15 User Guide Social Login for Magento 2 Extension + Copy Client ID and Client Secret to the configuration: BSSCOMMERCE 15
16 User Guide Social Login for Magento 2 Extension 2.4.6. Window-Live BSSCOMMERCE 16
17 User Guide Social Login for Magento 2 Extension To get Application ID, Application Secret and Redirect URL, please click on "click here" link and follow steps as below: + Click on "click here" link to be redirected to Microsoft App register page: + Copy & Paste Redirect URL(s) to the app detail page: BSSCOMMERCE 17
18 User Guide Social Login for Magento 2 Extension + Copy & Paste Application Id and Secret to Social Login configuration: BSSCOMMERCE 18
19 User Guide Social Login for Magento 2 Extension BSSCOMMERCE 19
20 User Guide Social Login for Magento 2 Extension 2.4.7. Instagram To get Application ID, Application Secret and Redirect URL, please click on "click here" link and follow steps as below: + Create New Client ID: BSSCOMMERCE 20
21 User Guide Social Login for Magento 2 Extension + Fill in web information: BSSCOMMERCE 21
22 User Guide Social Login for Magento 2 Extension + Get Client ID and Client Secret: BSSCOMMERCE 22
23 User Guide Social Login for Magento 2 Extension *Note: - Client status must be Authorized, then you can get the real Instagram account. In case you use sandbox mode, sandbox account is only accepted. - Sometimes, you might face up to the error like this. The solution is to copy the Redirect URIs and paste it in the client info page: BSSCOMMERCE 23
24 User Guide Social Login for Magento 2 Extension 2.4.8. Vkontakte BSSCOMMERCE 24
25 User Guide Social Login for Magento 2 Extension Finally, click Save Config and to complete setting process. BSSCOMMERCE 25
26 User Guide Social Login for Magento 2 Extension 3. Contact Us Any questions or concern about us, feel free to contact: Website: http:/bsscommerce.com Support: support@bsscommerce.com Skype: support.bsscommerce BSS Support team is always ready to aid you with any issue referring to our products. Additionally, we also give you Website development and Administration Support. We do offer: 1. Free installation services for commercial products. 2. Free updates within offered support period. Our duties: 1. Responsibility for resolving product bugs. 2. Help with technical queries. 3. Technical support in installation and product usage. BSSCOMMERCE 26