{"id":10912,"date":"2021-08-28T12:22:30","date_gmt":"2021-08-28T06:52:30","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=10912"},"modified":"2024-10-18T14:20:08","modified_gmt":"2024-10-18T08:50:08","slug":"frontend-demo-social-login","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/social-login-magento-2\/frontend-demo-social-login\/","title":{"rendered":"Frontend Demo of Social Login"},"content":{"rendered":"<p><b>Frontend view of the social login buttons on the create account page at the top position.<\/b><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-14042\" title=\"Social Login Options on Registration Page (Top position)\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Top-position.png\" alt=\"Social Login Options on Registration Page (Top position)\" width=\"1200\" height=\"600\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Top-position.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Top-position-300x150.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Top-position-1024x512.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Top-position-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><b>Frontend view of the social login buttons on the create account page at the bottom position.<\/b><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14043\" title=\"Social Login Options on Registration Page (Bottom position)\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Bottom-position.png\" alt=\"Social Login Options on Registration Page (Bottom position)\" width=\"1200\" height=\"600\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Bottom-position.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Bottom-position-300x150.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Bottom-position-1024x512.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Registration-Page-Bottom-position-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><b>Frontend view of the social login buttons on the customer login page at the top position.<\/b><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-14044\" title=\"Social Login Options on Customer Login Page (Top position)\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Top-position.png\" alt=\"Social Login Options on Customer Login Page (Top position)\" width=\"1200\" height=\"600\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Top-position.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Top-position-300x150.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Top-position-1024x512.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Top-position-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><b>Frontend view of the social login buttons on the customer login page at the bottom position.<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14045\" title=\"Social Login Options on Customer Login Page (Bottom position)\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Bottom-position.png\" alt=\"Social Login Options on Customer Login Page (Bottom position)\" width=\"1200\" height=\"600\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Bottom-position.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Bottom-position-300x150.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Bottom-position-1024x512.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Customer-Login-Page-Bottom-position-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><b>Frontend view of the social login buttons on the guest checkout page.<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14046\" title=\"Social Login Options on Guest Checkout Page\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Guest-Checkout-Page.png\" alt=\"Social Login Options on Guest Checkout Page\" width=\"1200\" height=\"600\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Guest-Checkout-Page.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Guest-Checkout-Page-300x150.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Guest-Checkout-Page-1024x512.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-on-Guest-Checkout-Page-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><b>Frontend view of the social login buttons for customer login before proceeding to checkout.<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-14047\" title=\"Social Login Options for Customer Login before proceeding to Checkout\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-for-Customer-Login-before-proceeding-to-Checkout.png\" alt=\"Social Login Options for Customer Login before proceeding to Checkout\" width=\"1200\" height=\"600\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-for-Customer-Login-before-proceeding-to-Checkout.png 1200w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-for-Customer-Login-before-proceeding-to-Checkout-300x150.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-for-Customer-Login-before-proceeding-to-Checkout-1024x512.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2021\/08\/Social-Login-Options-for-Customer-Login-before-proceeding-to-Checkout-768x384.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">If anything goes wrong, please contact us at <\/span><a href=\"mailto:support@magecomp.com\"><span style=\"font-weight: 400;\">support@magecomp.com<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10903,"menu_order":2,"template":"","manualdocumentationcategory":[4004],"manual_doc_tag":[],"class_list":["post-10912","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-social-login"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10912\/revisions"}],"predecessor-version":[{"id":14048,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10912\/revisions\/14048"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/10903"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=10912"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=10912"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=10912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}