{"id":1231,"date":"2011-08-22T10:00:16","date_gmt":"2011-08-22T06:00:16","guid":{"rendered":"http:\/\/blog.cs-cart.com\/?p=1231"},"modified":"2020-06-05T11:56:01","modified_gmt":"2020-06-05T07:56:01","slug":"social-login-is-easy","status":"publish","type":"post","link":"https:\/\/www.cs-cart.com\/blog\/social-login-is-easy\/","title":{"rendered":"Social login made easy: the installation guide"},"content":{"rendered":"<p>Socialization is everywhere. And it&#8217;s also in the newest (and the best ever) CS-Cart release 2.2.1 brought by the Social login add-on powered by Janrain. I personally think it&#8217;s the most useful feature among others appeared in this version.<\/p>\n<p style=\"text-align: center;\"><img data-opt-id=1773326500  fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1186\" title=\"Social Login Supported Providers\" src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/social_login.png\" alt=\"Social Login Supported Providers\" width=\"415\" height=\"299\" srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:415\/h:299\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/social_login.png 415w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/social_login.png 300w\" sizes=\"(max-width: 415px) 100vw, 415px\" \/><\/p>\n<p>Here&#8217;s a quick guide explaining how easily and fast the add-on is deployed on a CS-Cart online store. Try and find that our Social login is just made of ease!<\/p>\n<p style=\"text-align: left;\">The first thing to do is to open the Add-ons section of\u00a0the drop-down menu at the top right corner of\u00a0your administrator panel. Find on this page the add-on called Janrain and click on Install:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/install-janrain.png\"><img data-opt-id=1839568584  fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1319\" title=\"Janrain Add-on\" src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-install-janrain-shadow-sharp1.png\" alt=\"Janrain Add-on\" width=\"520\" height=\"402\" srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:520\/h:402\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-install-janrain-shadow-sharp1.png 520w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-install-janrain-shadow-sharp1.png 300w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">\n<p style=\"text-align: left;\">The installation won&#8217;t take more than a few seconds and you&#8217;ll see a notification when it&#8217;s finished:<\/p>\n<p style=\"text-align: center;\"><img data-opt-id=1611458821  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/notice-shadow-sharp1.png\"  decoding=\"async\" class=\"aligncenter size-full wp-image-1321\" title=\"Janrain Add-on Installation Notice\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Janrain Add-on Installation Notice\" width=\"508\" height=\"226\" old-srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:508\/h:226\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/notice-shadow-sharp1.png 508w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/notice-shadow-sharp1.png 300w\" \/><\/p>\n<p style=\"text-align: left;\">If you now click on the Edit link or the title of the Janrain add-on, a simple settings panel will appear:<\/p>\n<p style=\"text-align: center;\"><img data-opt-id=346290211  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/janrain-options-shadow-sharp1.png\"  decoding=\"async\" class=\"aligncenter size-full wp-image-1322\" title=\"Janrain Options\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Janrain Options\" width=\"493\" height=\"271\" old-srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:493\/h:271\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/janrain-options-shadow-sharp1.png 493w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/janrain-options-shadow-sharp1.png 300w\" \/><\/p>\n<p style=\"text-align: center;\">\n<p style=\"text-align: left;\">API Key and Application Domain are<em> the only<\/em> two values you have to enter to configure the add-on. To get these values, you need a Janrain account. Choose the plan that suits you the best on the\u00a0pricing page and sign up (or log in using an existing account, if you already have one). I have chosen Janrain Basic for this tutorial, because it is absolutely free and suits our purposes perfectly. When the plan is picked, Janrain will provide you with an easy step-by-step guide on account creating, so just follow the instructions and you&#8217;ll be all set up in a few minutes.<\/p>\n<p style=\"text-align: left;\">You will be signed in automatically upon the account creation is complete. What you see then is your Janrain dashboard:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/janrain-home.png\"><img data-opt-id=1204726749  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-janrain-home-shadow-sharp1.png\"  decoding=\"async\" class=\"aligncenter size-full wp-image-1323\" title=\"Janrain Dashboard\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Janrain Dashboard\" width=\"515\" height=\"408\" old-srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:515\/h:408\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-janrain-home-shadow-sharp1.png 515w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-janrain-home-shadow-sharp1.png 300w\" \/><\/a><\/p>\n<p style=\"text-align: center;\">\n<p style=\"text-align: left;\">Scroll down until you see the Application Info block on the right of the screen. See Application Domain and API Key there? These are exactly the two things we need to enter back in the CS-Cart admin panel! So copy&#8217;n&#8217;paste the values into the respective fields:<\/p>\n<p style=\"text-align: center;\"><img data-opt-id=112956010  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-app-info-to-janrain-options-shadow-sharp.png\"  decoding=\"async\" class=\"aligncenter size-full wp-image-1328\" title=\"Configure Janrain\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Configure Janrain\" width=\"510\" height=\"207\" old-srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:510\/h:207\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-app-info-to-janrain-options-shadow-sharp.png 510w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-app-info-to-janrain-options-shadow-sharp.png 300w\" \/><\/p>\n<p style=\"text-align: left;\">Save the changes in the administration panel and the Social login add-on is set up! The Social login button has now appeared at your store:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/social-login.png\"><img data-opt-id=950697618  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-social-login-shadow-sharp1.png\"  decoding=\"async\" class=\"aligncenter size-full wp-image-1331\" title=\"Social Login\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"\" width=\"531\" height=\"206\" old-srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:531\/h:206\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-social-login-shadow-sharp1.png 531w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-social-login-shadow-sharp1.png 300w\" \/><\/a><\/p>\n<p style=\"text-align: left;\">Now you can go back to your Janrain account, click on the Sign-in for Websites link on the right of your home page, then go straight to Choose providers:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/janrain-providers.png\"><img data-opt-id=457803625  data-opt-src=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:auto\/h:auto\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-janrain-providers-shadow-sharp1.png\"  decoding=\"async\" class=\"aligncenter size-full wp-image-1330\" title=\"Configure Providers\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20100%%20100%%22%20width%3D%22100%%22%20height%3D%22100%%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%%22%20height%3D%22100%%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Configure Providers\" width=\"520\" height=\"348\" old-srcset=\"https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:520\/h:348\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-janrain-providers-shadow-sharp1.png 520w, https:\/\/mldi5dmmdvnt.i.optimole.com\/cb:sOwt.3b410\/w:300\/h:4000\/q:mauto\/f:best\/https:\/\/www.cs-cart.com\/blog\/wp-content\/uploads\/small-janrain-providers-shadow-sharp1.png 300w\" \/><\/a><\/p>\n<p style=\"text-align: left;\">\n<p style=\"text-align: center;\">\n<p style=\"text-align: left;\">More than twenty of them are available even for Basic users. Adding and configuring items are very well documented, so managing your Social login account will be all fun and ease.<\/p>\n<p>The chosen providers will be available for the customers of your store just immediately.<\/p>\n<p style=\"text-align: left;\">\n<p style=\"text-align: left;\">I hope the guide was useful. If you have any questions or have something to propose for further guides, don&#8217;t hesitate to leave a comment.<\/p>\n<p style=\"text-align: left;\">Tune to CS-Cart at <a title=\"Twitter\" href=\"https:\/\/www.twitter.com\/cscart\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter<\/a>, <a title=\"Facebook\" href=\"https:\/\/www.facebook.com\/pages\/CS-Cart\/156687676230\" target=\"_blank\" rel=\"noopener noreferrer\">Facebook<\/a> and <a title=\"Google+\" href=\"https:\/\/www.gplus.to\/cscart\" target=\"_blank\" rel=\"noopener noreferrer\">Google+<\/a> to always stay in touch with us! Good luck!<\/p>\n<p style=\"text-align: left;\">\n<p style=\"text-align: left;\">\n<p style=\"text-align: left;\">\n<p style=\"text-align: center;\">\n","protected":false},"excerpt":{"rendered":"Socialization is everywhere. And it&#8217;s also in the newest (and the best ever) CS-Cart release 2.2.1 brought by&hellip;","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_ayudawp_aiss_exclude":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","footnotes":""},"categories":[6,5],"tags":[],"_links":{"self":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/posts\/1231"}],"collection":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/comments?post=1231"}],"version-history":[{"count":0,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/posts\/1231\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/media?parent=1231"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/categories?post=1231"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cs-cart.com\/blog\/wp-json\/wp\/v2\/tags?post=1231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}