{"id":164,"date":"2020-02-28T16:00:30","date_gmt":"2020-02-28T16:00:30","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/magento-2-twitter-and-facebook-login-v2-x-developers-guide-and-api-reference"},"modified":"2021-09-24T08:02:23","modified_gmt":"2021-09-24T12:02:23","slug":"magento-2-twitter-and-facebook-login-v2-x-developers-guide-and-api-reference","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide","title":{"rendered":"Magento 2 Twitter &#038; Facebook Login v2.x Developer Guide &#038; API Reference"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"adding-social-buttons\">Adding Social Buttons<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This <a href=\"\/magento-twitter-facebook-login\">Magento 2 Twitter and Facebook Login Extension<\/a> can be set up to replace your customer login\/registration template with its own template, and display the social login buttons automatically. In case you want to keep your own template and install social buttons manually, you will need to modify the code.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-login-buttons-manually\">Adding Login Buttons Manually<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to add login buttons manually, you have a couple of options. Please select the most suitable one from below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Option 1 &#8211; Adding code to any template (phtml) file<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns table-to-grid is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Website Frontend &#8211; Login Form page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The following code can be pasted and will be working in any template (phtml) file of your theme. The code is as follows:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;?php echo $this-&gt;getLayout()\n    -&gt;createBlock(&quot;PlumrocketSocialLoginFreeBlockButtons&quot;)\n    -&gt;setTemplate(&quot;Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml&quot;)\n    -&gt;toHtml(); ?&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n\n    <p>Edit the file:<\/p>\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/vendor\/magento\/module-theme\/view\/frontend\/templates\/html\/copyright.phtml<\/code><\/pre><\/div>\n    \n    <p>add code with login buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"2-4\"><code class=\"language-php\" data-line=\"\">&lt;small class=&quot;copyright&quot;&gt;\n    &lt;?php echo $this-&gt;getLayout()-&gt;createBlock(&quot;PlumrocketSocialLoginFreeBlockButtons&quot;)\n        -&gt;setTemplate(&quot;Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml&quot;)\n        -&gt;toHtml(); ?&gt;\n    &lt;span&gt;&lt;?php \/* @escapeNotVerified *\/ echo $block-&gt;getCopyright() ?&gt;&lt;\/span&gt;\n    &lt;\/small&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\"><li><strong>Twitter &amp; Facebook Login buttons in the footer.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/1_Twitter_and_Facebook_Login_registration_v2_Developer_Guidev1.jpg\" alt=\"1 Twitter and Facebook Login registration v2 Developer Guidev1\"><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Option 2 &#8211; Adding code to Content Pages or Content Blocks<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns table-to-grid is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Login buttons on the Static Page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">If you&#8217;re adding or editing blocks from your backend ((via &#8220;Content&gt;Pages&#8221; or &#8220;Content&gt;Blocks&#8221;) &#8211; please use the following code for pasting into the editor in order to display login buttons&nbsp;:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">{{block class=&quot;PlumrocketSocialLoginFreeBlockButtons&quot; name=&quot;pslogin.login.buttons&quot;\n    template=&quot;Plumrocket_SocialLoginFree::customer\/\/form\/\/login\/\/buttons.phtml&quot;}}<\/code><\/pre><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\"><li><strong>Code for Twitter &amp; Facebook Login buttons pasted into the editor.<\/strong><\/li><li><strong>Twitter &amp; Facebook Login buttons on the static About Us Page.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/2_Twitter_and_Facebook_Login_v2_Developer_Guide1.jpg\" alt=\"2 Twitter and Facebook Login v2 Developer Guide1\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Option 3 &#8211; Adding code to any Layout XML file<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns table-to-grid is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Login buttons on the Forgot Password page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">If you&#8217;re familiar with Magento development and want to add login buttons block into the Layout XML file of your theme, the code will be as follows:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">&lt;block class=&quot;PlumrocketSocialLoginFreeBlockButtons&quot;\n    name=&quot;pslogin.customer.form.login.buttons&quot; as=&quot;pslogin_buttons&quot;\n    template=&quot;Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml&quot; \/&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To include social buttons block in phtml file please use the following code:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;?php echo $block&gt;getChildHtml(&#039;pslogin_buttons&#039;); ?&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n\n    <p>For &#8220;Customer Forgot Password Form&#8221; page, please edit file:<\/p>\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">vendor\/magento\/module-customer\/view\/frontend\/layout\/customer_account_forgotpassword.xml\n        (or layout in your theme)<\/code><\/pre><\/div>\n\n    <p>please add the Social Buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"14-16\"><code class=\"language-markup\" data-line=\"\">&lt;head&gt;\n        &lt;title&gt;Forgot Your Password&lt;\/title&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;referenceBlock name=&quot;root&quot;&gt;\n            &lt;action method=&quot;setHeaderTitle&quot;&gt;\n                &lt;argument translate=&quot;true&quot; name=&quot;title&quot; xsi:type=&quot;string&quot;&gt;\n                    Password forgotten&lt;\/argument&gt;\n            &lt;\/action&gt;\n        &lt;\/referenceBlock&gt;\n        &lt;referenceContainer name=&quot;content&quot;&gt;\n            &lt;block class=&quot;MagentoCustomerBlockAccountForgotpassword&quot;\n                name=&quot;forgotPassword&quot; template=&quot;form\/forgotpassword.phtml&quot;&gt;\n                &lt;container name=&quot;form.additional.info&quot; as=&quot;form_additional_info&quot;\/&gt;\n                &lt;block class=&quot;PlumrocketSocialLoginFreeBlockButtons&quot;\n                    name=&quot;pslogin.customer.form.login.buttons&quot; as=&quot;pslogin_buttons&quot;\n                    template=&quot;Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml&quot; \/&gt;\n            &lt;\/block&gt;\n        &lt;\/referenceContainer&gt;\n    &lt;\/body&gt;<\/code><\/pre><\/div>\n\n    <p>Now edit the following file:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/vendor\/magento\/module-customer\/view\/frontend\/templates\/form\/forgotpassword.phtml<\/code><\/pre><\/div>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;form class=&quot;form password forget&quot;\n    action=&quot;&lt;?php \/* @escapeNotVerified *\/ echo $block\n        -&gt;getUrl(&#039;*\/*\/forgotpasswordpost&#039;) ?&gt;&quot;\n    method=&quot;post&quot; id=&quot;form-validate&quot; data-mage-init=&#039;{&quot;validation&quot;:{}}&#039;&gt;\n   \u2026\n   &lt;div class=&quot;actions-toolbar&quot;&gt;\n       &lt;div class=&quot;primary&quot;&gt;\n           &lt;button type=&quot;submit&quot; class=&quot;action submit primary&quot;&gt;&lt;span&gt;\n               &lt;?php \/* @escapeNotVerified *\/ echo __(&#039;Submit&#039;) ?&gt;&lt;\/span&gt;&lt;\/button&gt;\n       &lt;\/div&gt;\n       &lt;?php echo $block-&gt;getChildHtml(&#039;pslogin_buttons&#039;); ?&gt;\n       &lt;div class=&quot;secondary&quot;&gt;\n           &lt;a class=&quot;action back&quot; href=&quot;&lt;?php \/* @escapeNotVerified *\/\n               echo $block-&gt;getLoginUrl() ?&gt;&quot;&gt;&lt;span&gt;&lt;?php \/* @escapeNotVerified *\/\n               echo __(&#039;Go back&#039;) ?&gt;&lt;\/span&gt;&lt;\/a&gt;\n       &lt;\/div&gt;\n   &lt;\/div&gt;\n    &lt;\/form&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\"><li><strong>Twitter &amp; Facebook Login buttons on the Forgot Password Page.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/3_Twitter_Facebook_Login_v2_Developer_Guidev1.jpg\" alt=\"3 Twitter Facebook Login v2 Developer Guidev1\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-registration-buttons-manually\">Adding Registration Buttons Manually<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In case you need to add registration buttons manually in some specific place of your store &#8211; please select the most suitable option from below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><i>Option 1 &#8211; Adding code to any template (phtml) file<\/i><\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns table-to-grid is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Website Frontend &#8211; Login Form page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">The following code can be pasted and will be working in any template (phtml) file of your theme. The code is as follows:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;?php echo $this-&gt;getLayout()\n    -&gt;createBlock(&quot;PlumrocketSocialLoginFreeBlockButtons&quot;)\n    -&gt;setTemplate(&quot;Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml&quot;)\n    -&gt;toHtml(); ?&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n    \n    <p>Edit the file:<\/p>\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/vendor\/magento\/module-theme\/view\/frontend\/templates\/html\/copyright.phtml<\/code><\/pre><\/div>\n\n    <p>add code with register buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"2-5\"><code class=\"language-php\" data-line=\"\">&lt;small class=&quot;copyright&quot;&gt;\n    &lt;?php echo $this-&gt;getLayout()\n        -&gt;createBlock(&quot;PlumrocketSocialLoginFreeBlockButtons&quot;)\n        -&gt;setTemplate(&quot;Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml&quot;)\n        -&gt;toHtml(); ?&gt;\n        &lt;span&gt;&lt;?php \/* @escapeNotVerified *\/ echo $block-&gt;getCopyright() ?&gt;&lt;\/span&gt;\n    &lt;\/small&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\"><li><strong>Twitter &amp; Facebook registration buttons in the footer.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/1_Twitter_and_Facebook_Login_registration_v2_Developer_Guidev1.jpg\" alt=\"1 Twitter and Facebook Login registration v2 Developer Guidev1\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><i>Option 2 &#8211; Adding code to Content Pages or Content Blocks<\/i><\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns table-to-grid is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Registration buttons on the Forgot Password page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">If you&#8217;re adding or editing blocks from your backend (via &#8220;Content&gt;Pages&#8221; or &#8220;Content&gt;Blocks&#8221;) &#8211; please use the following code for pasting into the editor in order to display register buttons:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">{{block class=&quot;PlumrocketSocialLoginFreeBlockButtons&quot; name=&quot;pslogin.register.buttons&quot;\n    template=&quot;Plumrocket_SocialLoginFree::customer\/\/form\/\/register\/\/buttons.phtml&quot;}}<\/code><\/pre><\/div>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Code for Twitter &amp; Facebook Registration buttons pasted into the editor.<\/strong><\/li><li><strong>Twitter &amp; Facebook Registration buttons on the static About Us Page.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/2_Twitter_and_Facebook_Login_registration_v2_Developer_Guidev1.jpg\" alt=\"2 Twitter and Facebook Login registration v2 Developer Guidev1\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><i>Option 3 &#8211; Adding code to any Layout XML file<\/i><\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Changes to be made<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If you&#8217;re familiar with Magento development and want to add register buttons block into the Layout XML file of your theme, the code will be as follows:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">&lt;block class=&quot;PlumrocketSocialLoginFreeBlockButtons&quot;\n    name=&quot;pslogin.customer.form.register.buttons&quot; as=&quot;pslogin_buttons&quot;\n    template=&quot;Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml&quot; \/&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To include social buttons block in phtml file please use the following code:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;?php echo $block&gt;getChildHtml(&#039;pslogin_buttons&#039;); ?&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n\n    <p>For &#8220;Customer Forgot Password Form&#8221; page, please edit file:<\/p>\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">vendor\/magento\/module-customer\/view\/frontend\/layout\/customer_account_forgotpassword.xml \n    (or layout in your theme)<\/code><\/pre><\/div>\n\n    <p>please add the Social Buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"14-16\"><code class=\"language-markup\" data-line=\"\">&lt;head&gt;\n        &lt;title&gt;Forgot Your Password&lt;\/title&gt;\n    &lt;\/head&gt;\n    &lt;body&gt;\n        &lt;referenceBlock name=&quot;root&quot;&gt;\n            &lt;action method=&quot;setHeaderTitle&quot;&gt;\n                &lt;argument translate=&quot;true&quot; name=&quot;title&quot; xsi:type=&quot;string&quot;&gt;\n                    Password forgotten&lt;\/argument&gt;\n            &lt;\/action&gt;\n        &lt;\/referenceBlock&gt;\n        &lt;referenceContainer name=&quot;content&quot;&gt;\n            &lt;block class=&quot;MagentoCustomerBlockAccountForgotpassword&quot;\n                name=&quot;forgotPassword&quot; template=&quot;form\/forgotpassword.phtml&quot;&gt;\n                &lt;container name=&quot;form.additional.info&quot; as=&quot;form_additional_info&quot;\/&gt;\n                &lt;block class=&quot;PlumrocketSocialLoginFreeBlockButtons&quot;\n                    name=&quot;pslogin.customer.form.register.buttons&quot; as=&quot;pslogin_buttons&quot;\n                    template=&quot;Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml&quot; \/&gt;\n                &lt;\/block&gt;\n        &lt;\/referenceContainer&gt;\n    &lt;\/body&gt;<\/code><\/pre><\/div>\n\n    <p>Now edit the following file:<\/p>\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/vendor\/magento\/module-customer\/view\/frontend\/templates\/form\/forgotpassword.phtml<\/code><\/pre><\/div>\n\n    <p>and in the needed position please add the following block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;form class=&quot;form password forget&quot;\n    action=&quot;&lt;?php \/* @escapeNotVerified *\/ echo $block\n        -&gt;getUrl(&#039;*\/*\/forgotpasswordpost&#039;) ?&gt;&quot;\n    method=&quot;post&quot; id=&quot;form-validate&quot; data-mage-init=&#039;{&quot;validation&quot;:{}}&#039;&gt;\n    \u2026\n   &lt;div class=&quot;actions-toolbar&quot;&gt;\n       &lt;div class=&quot;primary&quot;&gt;\n           &lt;button type=&quot;submit&quot; class=&quot;action submit primary&quot;&gt;&lt;span&gt;\n               &lt;?php \/* @escapeNotVerified *\/ echo __(&#039;Submit&#039;) ?&gt;&lt;\/span&gt;&lt;\/button&gt;\n       &lt;\/div&gt;\n       &lt;?php echo $block-&gt;getChildHtml(&#039;pslogin_buttons&#039;); ?&gt;\n       &lt;div class=&quot;secondary&quot;&gt;\n           &lt;a class=&quot;action back&quot; href=&quot;&lt;?php \/* @escapeNotVerified *\/\n               echo $block-&gt;getLoginUrl() ?&gt;&quot;&gt;&lt;span&gt;&lt;?php \/* @escapeNotVerified *\/\n               echo __(&#039;Go back&#039;) ?&gt;&lt;\/span&gt;&lt;\/a&gt;\n       &lt;\/div&gt;\n   &lt;\/div&gt;\n    &lt;\/form&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\"><li><strong>Twitter &amp; Facebook Registration buttons on the Forgot Password Page.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/3_Twitter_and_Facebook1_Login_registration_v2_Developer_Guidev1.jpg\" alt=\"3 Twitter and Facebook1 Login registration v2 Developer Guidev1\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-place-customer-photo-from-social-networks-manually\">How to place customer photo from social networks manually<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If at some point the user photo from social network does not appear by default, please follow the instructions from below.<\/p>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns table-to-grid is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Customer photo on My Account page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Go to the needed phtml file and insert the following code in the place where customer&#8217;s photo from social network should appear&nbsp;:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;?php if ($photoPath = $this\n    -&gt;helper(&#039;PlumrocketSocialLoginFreeHelperData&#039;)-&gt;getPhotoPath()) : ?&gt;\n    &lt;img src=&quot;&lt;?php echo $photoPath; ?&gt;&quot; \/&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n\n    <p>Please paste the above code into the file:<\/p>\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/vendor\/magento\/module-theme\/view\/frontend\/templates\/html\/title.phtml<\/code><\/pre><\/div>\n\n    <p>Result will be as follows:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"10-13\"><code class=\"language-php\" data-line=\"\">&lt;?php $cssClass = $block-&gt;getCssClass() ? &#039; &#039; . $block-&gt;getCssClass() : &#039;&#039;;\n    $title = &#039;&#039;;\n    if (trim($block-&gt;getPageHeading())) {\n        $title = &#039;&lt;span class=&quot;base&quot; data-ui-id=&quot;page-title-wrapper&quot; &#039; .\n            $block-&gt;getAddBaseAttribute() . &#039;&gt;&#039; .\n            $block-&gt;escapeHtml($block-&gt;getPageHeading()) . &#039;&lt;\/span&gt;&#039;;\n    } ?&gt;\n    \n    &lt;?php if ($title): ?&gt;\n        &lt;?php if ($photoPath = $this\n            -&gt;helper(&#039;PlumrocketSocialLoginFreeHelperData&#039;)-&gt;getPhotoPath()) : ?&gt;\n            &lt;img src=&quot;&lt;?php echo $photoPath; ?&gt;&quot; \/&gt;\n        &lt;?php endif; ?&gt;\n    \n        &lt;div class=&quot;page-title-wrapper&lt;?php \/* @escapeNotVerified *\/ echo $cssClass; ?&gt;&quot;&gt;\n            &lt;h1 class=&quot;page-title&quot; &lt;?php if ($block-&gt;getId()): ?&gt;\n                id=&quot;&lt;?php \/* @escapeNotVerified *\/ echo $block-&gt;getId();?&gt;&quot; &lt;?php endif; ?&gt;\n                &lt;?php if ($block-&gt;getAddBaseAttributeAria()): ?&gt;\n                aria-labelledby=&quot;&lt;?php \/* @escapeNotVerified *\/\n                    echo $block-&gt;getAddBaseAttributeAria(); ?&gt;&quot; &lt;?php endif; ?&gt;\n                &lt;?php \/* @escapeNotVerified *\/ echo $title ?&gt;\n            &lt;\/h1&gt;\n            &lt;?php echo $block-&gt;getChildHtml(); ?&gt;\n        &lt;\/div&gt;\n    &lt;?php endif; ?&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\"><li><strong>Customer Photo from social network on My Account page.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/1_developer_guide_facebook_twitter_1.jpg\" alt=\"1 developer guide facebook twitter 1\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding Social Buttons This Magento 2 Twitter and Facebook Login Extension can be set up to replace your customer login\/registration template with its own template, and display the social login buttons automatically. In case you want to keep your own template and install social buttons manually, you will need to modify the code. Adding Login &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Magento 2 Twitter &#038; Facebook Login v2.x Developer Guide &#038; API Reference&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[172],"tags":[],"class_list":["post-164","post","type-post","status-publish","format-standard","hentry","category-magento-twitter-facebook-login-v2","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Magento 2 Twitter &amp; Facebook Login v2.x Developer Guide &amp; API Reference - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Adding Social Buttons This Magento 2 Twitter and Facebook Login Extension can be set up to replace your customer login\/registration template with its own\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 2 Twitter &amp; Facebook Login v2.x Developer Guide &amp; API Reference\" \/>\n<meta property=\"og:description\" content=\"Adding Social Buttons This Magento 2 Twitter and Facebook Login Extension can be set up to replace your customer login\/registration template with its own\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-28T16:00:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-24T12:02:23+00:00\" \/>\n<meta name=\"author\" content=\"Plumrocket\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Magento 2 Twitter & Facebook Login v2.x Developer Guide & API Reference - Plumrocket Documentation","description":"Adding Social Buttons This Magento 2 Twitter and Facebook Login Extension can be set up to replace your customer login\/registration template with its own","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide","og_locale":"en_US","og_type":"article","og_title":"Magento 2 Twitter & Facebook Login v2.x Developer Guide & API Reference","og_description":"Adding Social Buttons This Magento 2 Twitter and Facebook Login Extension can be set up to replace your customer login\/registration template with its own","og_url":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide","og_site_name":"Plumrocket Documentation","article_published_time":"2020-02-28T16:00:30+00:00","article_modified_time":"2021-09-24T12:02:23+00:00","author":"Plumrocket","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide#article","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide"},"author":{"name":"Plumrocket","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"headline":"Magento 2 Twitter &#038; Facebook Login v2.x Developer Guide &#038; API Reference","datePublished":"2020-02-28T16:00:30+00:00","dateModified":"2021-09-24T12:02:23+00:00","mainEntityOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide"},"wordCount":673,"commentCount":0,"articleSection":["v2"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide","url":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide","name":"Magento 2 Twitter & Facebook Login v2.x Developer Guide & API Reference - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"datePublished":"2020-02-28T16:00:30+00:00","dateModified":"2021-09-24T12:02:23+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"Adding Social Buttons This Magento 2 Twitter and Facebook Login Extension can be set up to replace your customer login\/registration template with its own","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 Twitter &amp; Facebook Login","item":"https:\/\/plumrocket.com\/magento-twitter-facebook-login"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login"},{"@type":"ListItem","position":4,"name":"v2","item":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2"},{"@type":"ListItem","position":5,"name":"Developer Guide"}]},{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/85ed2f38dbe6a031f443b1949101e9b31bbd6985eae2cac6695629e7ad280aee?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/85ed2f38dbe6a031f443b1949101e9b31bbd6985eae2cac6695629e7ad280aee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/85ed2f38dbe6a031f443b1949101e9b31bbd6985eae2cac6695629e7ad280aee?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=164"}],"version-history":[{"count":5,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/164\/revisions"}],"predecessor-version":[{"id":24426,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/164\/revisions\/24426"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=164"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=164"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}