1 User Guide Social Login for Magento 2 SOCIAL LOGIN FOR MAGENTO 2 USER GUIDE BSS COMMERCE 1
2 User Guide Social Login for Magento 2 Contents 1. Social Login for Magento 2 Extension Overview... 3 2. How Does Social Login for Magento 2 Extension 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... 10 2.4.3. Google... 11 2.4.4. Yahoo... 12 2.4.5. LinkedIn... 13 2.4.6. Window-Live... 14 2.4.7. Instagram... 15 2.4.8. Vkontakte... 16 3. Contact Us... 17 BSS COMMERCE 2
3 User Guide Social Login for Magento 2 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 Extension 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. 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 BSS COMMERCE 3
4 User Guide Social Login for Magento 2 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. 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. BSS COMMERCE 4
5 User Guide Social Login for Magento 2 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. BSS COMMERCE 5
6 User Guide Social Login for Magento 2 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. 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? BSS COMMERCE 6
7 User Guide Social Login for Magento 2 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 BSS COMMERCE 7
8 User Guide Social Login for Magento 2 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. BSS COMMERCE 8
9 User Guide Social Login for Magento 2 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. BSS COMMERCE 9
10 User Guide Social Login for Magento 2 In Registration Button Text, customize the text in social registration button. For other social accounts, follow similar steps like the setting for Facebook: 2.4.2. Twitter BSS COMMERCE 10
11 User Guide Social Login for Magento 2 2.4.3. Google BSS COMMERCE 11
12 User Guide Social Login for Magento 2 2.4.4. Yahoo BSS COMMERCE 12
13 User Guide Social Login for Magento 2 2.4.5. LinkedIn BSS COMMERCE 13
14 User Guide Social Login for Magento 2 2.4.6. Window-Live BSS COMMERCE 14
15 User Guide Social Login for Magento 2 2.4.7. Instagram BSS COMMERCE 15
16 User Guide Social Login for Magento 2 2.4.8. Vkontakte Finally, click Save Config and to complete setting process. BSS COMMERCE 16
17 User Guide Social Login for Magento 2 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. BSS COMMERCE 17