{"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 id=\"adding-social-buttons\">Adding Social Buttons<\/h2>\n\n\n\n<p>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 id=\"adding-login-buttons-manually\">Adding Login Buttons Manually<\/h2>\n\n\n\n<p>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>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\">\n<div class=\"wp-block-columns table-to-grid\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Website Frontend &#8211; Login Form page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>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\">&lt;?php echo $this->getLayout()\n    ->createBlock(\"PlumrocketSocialLoginFreeBlockButtons\")\n    ->setTemplate(\"Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml\")\n    ->toHtml(); ?><\/code><\/pre><\/div>\n\n\n\n<p><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\">\/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\">&lt;small class=\"copyright\"&gt;\n    &lt;?php echo $this-&gt;getLayout()-&gt;createBlock(\"PlumrocketSocialLoginFreeBlockButtons\")\n        -&gt;setTemplate(\"Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml\")\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\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<ol><li><strong>Twitter &amp; Facebook Login buttons in the footer.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img 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>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\">\n<div class=\"wp-block-columns table-to-grid\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Login buttons on the Static Page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>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\">{{block class=\"PlumrocketSocialLoginFreeBlockButtons\" name=\"pslogin.login.buttons\"\n    template=\"Plumrocket_SocialLoginFree::customer\/\/form\/\/login\/\/buttons.phtml\"}}<\/code><\/pre><\/div>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<ol><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 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>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\">\n<div class=\"wp-block-columns table-to-grid\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Login buttons on the Forgot Password page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>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\">&lt;block class=\"PlumrocketSocialLoginFreeBlockButtons\"\n    name=\"pslogin.customer.form.login.buttons\" as=\"pslogin_buttons\"\n    template=\"Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml\" \/><\/code><\/pre><\/div>\n\n\n\n<p>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\">&lt;?php echo $block>getChildHtml('pslogin_buttons'); ?><\/code><\/pre><\/div>\n\n\n\n<p><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\">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\">&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=\"root\"&gt;\n            &lt;action method=\"setHeaderTitle\"&gt;\n                &lt;argument translate=\"true\" name=\"title\" xsi:type=\"string\"&gt;\n                    Password forgotten&lt;\/argument&gt;\n            &lt;\/action&gt;\n        &lt;\/referenceBlock&gt;\n        &lt;referenceContainer name=\"content\"&gt;\n            &lt;block class=\"MagentoCustomerBlockAccountForgotpassword\"\n                name=\"forgotPassword\" template=\"form\/forgotpassword.phtml\"&gt;\n                &lt;container name=\"form.additional.info\" as=\"form_additional_info\"\/&gt;\n                &lt;block class=\"PlumrocketSocialLoginFreeBlockButtons\"\n                    name=\"pslogin.customer.form.login.buttons\" as=\"pslogin_buttons\"\n                    template=\"Plumrocket_SocialLoginFree::customer\/form\/login\/buttons.phtml\" \/&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\">\/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\">&lt;form class=\"form password forget\"\n    action=\"&lt;?php \/* @escapeNotVerified *\/ echo $block\n        -&gt;getUrl('*\/*\/forgotpasswordpost') ?&gt;\"\n    method=\"post\" id=\"form-validate\" data-mage-init='{\"validation\":{}}'&gt;\n   \u2026\n   &lt;div class=\"actions-toolbar\"&gt;\n       &lt;div class=\"primary\"&gt;\n           &lt;button type=\"submit\" class=\"action submit primary\"&gt;&lt;span&gt;\n               &lt;?php \/* @escapeNotVerified *\/ echo __('Submit') ?&gt;&lt;\/span&gt;&lt;\/button&gt;\n       &lt;\/div&gt;\n       &lt;?php echo $block-&gt;getChildHtml('pslogin_buttons'); ?&gt;\n       &lt;div class=\"secondary\"&gt;\n           &lt;a class=\"action back\" href=\"&lt;?php \/* @escapeNotVerified *\/\n               echo $block-&gt;getLoginUrl() ?&gt;\"&gt;&lt;span&gt;&lt;?php \/* @escapeNotVerified *\/\n               echo __('Go back') ?&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\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<ol><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 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 id=\"adding-registration-buttons-manually\">Adding Registration Buttons Manually<\/h2>\n\n\n\n<p>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><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\">\n<div class=\"wp-block-columns table-to-grid\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Website Frontend &#8211; Login Form page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>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\">&lt;?php echo $this->getLayout()\n    ->createBlock(\"PlumrocketSocialLoginFreeBlockButtons\")\n    ->setTemplate(\"Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml\")\n    ->toHtml(); ?><\/code><\/pre><\/div>\n\n\n\n<p><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\">\/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\">&lt;small class=\"copyright\"&gt;\n    &lt;?php echo $this-&gt;getLayout()\n        -&gt;createBlock(\"PlumrocketSocialLoginFreeBlockButtons\")\n        -&gt;setTemplate(\"Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml\")\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\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<ol><li><strong>Twitter &amp; Facebook registration buttons in the footer.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img 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><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\">\n<div class=\"wp-block-columns table-to-grid\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Registration buttons on the Forgot Password page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>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\">{{block class=\"PlumrocketSocialLoginFreeBlockButtons\" name=\"pslogin.register.buttons\"\n    template=\"Plumrocket_SocialLoginFree::customer\/\/form\/\/register\/\/buttons.phtml\"}}<\/code><\/pre><\/div>\n\n\n\n<ol><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 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><i>Option 3 &#8211; Adding code to any Layout XML file<\/i><\/h3>\n\n\n\n<h4>Changes to be made<\/h4>\n\n\n\n<p>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\">&lt;block class=\"PlumrocketSocialLoginFreeBlockButtons\"\n    name=\"pslogin.customer.form.register.buttons\" as=\"pslogin_buttons\"\n    template=\"Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml\" \/><\/code><\/pre><\/div>\n\n\n\n<p>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\">&lt;?php echo $block>getChildHtml('pslogin_buttons'); ?><\/code><\/pre><\/div>\n\n\n\n<p><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\">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\">&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=\"root\"&gt;\n            &lt;action method=\"setHeaderTitle\"&gt;\n                &lt;argument translate=\"true\" name=\"title\" xsi:type=\"string\"&gt;\n                    Password forgotten&lt;\/argument&gt;\n            &lt;\/action&gt;\n        &lt;\/referenceBlock&gt;\n        &lt;referenceContainer name=\"content\"&gt;\n            &lt;block class=\"MagentoCustomerBlockAccountForgotpassword\"\n                name=\"forgotPassword\" template=\"form\/forgotpassword.phtml\"&gt;\n                &lt;container name=\"form.additional.info\" as=\"form_additional_info\"\/&gt;\n                &lt;block class=\"PlumrocketSocialLoginFreeBlockButtons\"\n                    name=\"pslogin.customer.form.register.buttons\" as=\"pslogin_buttons\"\n                    template=\"Plumrocket_SocialLoginFree::customer\/form\/register\/buttons.phtml\" \/&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\">\/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\">&lt;form class=\"form password forget\"\n    action=\"&lt;?php \/* @escapeNotVerified *\/ echo $block\n        -&gt;getUrl('*\/*\/forgotpasswordpost') ?&gt;\"\n    method=\"post\" id=\"form-validate\" data-mage-init='{\"validation\":{}}'&gt;\n    \u2026\n   &lt;div class=\"actions-toolbar\"&gt;\n       &lt;div class=\"primary\"&gt;\n           &lt;button type=\"submit\" class=\"action submit primary\"&gt;&lt;span&gt;\n               &lt;?php \/* @escapeNotVerified *\/ echo __('Submit') ?&gt;&lt;\/span&gt;&lt;\/button&gt;\n       &lt;\/div&gt;\n       &lt;?php echo $block-&gt;getChildHtml('pslogin_buttons'); ?&gt;\n       &lt;div class=\"secondary\"&gt;\n           &lt;a class=\"action back\" href=\"&lt;?php \/* @escapeNotVerified *\/\n               echo $block-&gt;getLoginUrl() ?&gt;\"&gt;&lt;span&gt;&lt;?php \/* @escapeNotVerified *\/\n               echo __('Go back') ?&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\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<ol><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 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 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>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\">\n<div class=\"wp-block-columns table-to-grid\">\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>Customer photo on My Account page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<p>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\">&lt;?php if ($photoPath = $this\n    ->helper('PlumrocketSocialLoginFreeHelperData')->getPhotoPath()) : ?>\n    &lt;img src=\"&lt;?php echo $photoPath; ?>\" \/>\n&lt;?php endif; ?><\/code><\/pre><\/div>\n\n\n\n<p><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\">\/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\">&lt;?php $cssClass = $block-&gt;getCssClass() ? ' ' . $block-&gt;getCssClass() : '';\n    $title = '';\n    if (trim($block-&gt;getPageHeading())) {\n        $title = '&lt;span class=\"base\" data-ui-id=\"page-title-wrapper\" ' .\n            $block-&gt;getAddBaseAttribute() . '&gt;' .\n            $block-&gt;escapeHtml($block-&gt;getPageHeading()) . '&lt;\/span&gt;';\n    } ?&gt;\n    \n    &lt;?php if ($title): ?&gt;\n        &lt;?php if ($photoPath = $this\n            -&gt;helper('PlumrocketSocialLoginFreeHelperData')-&gt;getPhotoPath()) : ?&gt;\n            &lt;img src=\"&lt;?php echo $photoPath; ?&gt;\" \/&gt;\n        &lt;?php endif; ?&gt;\n    \n        &lt;div class=\"page-title-wrapper&lt;?php \/* @escapeNotVerified *\/ echo $cssClass; ?&gt;\"&gt;\n            &lt;h1 class=\"page-title\" &lt;?php if ($block-&gt;getId()): ?&gt;\n                id=\"&lt;?php \/* @escapeNotVerified *\/ echo $block-&gt;getId();?&gt;\" &lt;?php endif; ?&gt;\n                &lt;?php if ($block-&gt;getAddBaseAttributeAria()): ?&gt;\n                aria-labelledby=\"&lt;?php \/* @escapeNotVerified *\/\n                    echo $block-&gt;getAddBaseAttributeAria(); ?&gt;\" &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\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container\">\n<ol><li><strong>Customer Photo from social network on My Account page.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img 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><\/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,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[172],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\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 property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/1_Twitter_and_Facebook_Login_registration_v2_Developer_Guidev1.jpg\" \/>\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","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/1_Twitter_and_Facebook_Login_registration_v2_Developer_Guidev1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@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":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/05\/1_Twitter_and_Facebook_Login_registration_v2_Developer_Guidev1.jpg","contentUrl":"\/docs\/wp-content\/uploads\/2020\/05\/1_Twitter_and_Facebook_Login_registration_v2_Developer_Guidev1.jpg"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide#webpage","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"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-twitter-facebook-login\/v2\/devguide#primaryimage"},"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":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?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"}],"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}]}}