{"id":463,"date":"2020-02-28T16:08:52","date_gmt":"2020-02-28T16:08:52","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/magento-social-login-pro-v1-x-developers-guide-and-api-reference"},"modified":"2021-09-24T09:27:21","modified_gmt":"2021-09-24T13:27:21","slug":"magento-social-login-pro-v1-x-developers-guide-and-api-reference","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide","title":{"rendered":"Magento 1 Social Login Pro v1.x Developer Guide and API Reference"},"content":{"rendered":"\n<h2 id=\"adding-social-buttons\">Adding Social Buttons<\/h2>\n\n\n\n<p>By default, this <a href=\"\/magento-1-social-login-pro\">Magento social login module<\/a> will 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()->createBlock(\"pslogin\/buttons\")\n    ->setTemplate(\"pslogin\/customer\/form\/login\/buttons.phtml\")->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\">\/app\/design\/frontend\/THEME_NAME\/default\/template\/page\/html\/footer.phtml<\/code><\/pre><\/div>\n\n    <p>where &#8220;THEME_NAME&#8221; is the name of the theme you are using,<\/p>\n    \n    <p>add code with login buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"5-9\"><code class=\"language-php\">&lt;div class=\"footer-container\"&gt;\n    &lt;div class=\"footer\"&gt;\n        &lt;?php echo $this-&gt;getChildHtml() ?&gt;\n        &lt;address class=\"copyright\"&gt;\n            &lt;?php\n                echo $this-&gt;getLayout()-&gt;createBlock(\"pslogin\/buttons\")\n                    -&gt;setTemplate(\"pslogin\/customer\/form\/login\/buttons.phtml\")\n                    -&gt;toHtml();\n            ?&gt;\n            &lt;?php echo $this-&gt;getCopyright() ?&gt;\n        &lt;\/address&gt;\n    &lt;\/div&gt;\n    &lt;\/div&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>Social Login Pro 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\/Social_login_pro_login_1.png\" alt=\"Social login pro login 1.png\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3>Option 2 &#8211; Adding code to CMS Pages or Static 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;CMS&gt;Pages&#8221; or &#8220;CMS&gt;Static 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 type=\"pslogin\/buttons\" name=\"pslogin.login.buttons\"\n    template=\"pslogin\/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 Social Login Pro login buttons pasted into the editor.<\/strong><\/li><li><strong>Social Login Pro 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\/Social_login_pro_login_2.png\" alt=\"Social login pro login 2.png\"\/><\/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 type=\"pslogin\/buttons\" name=\"pslogin.login.buttons\" as=\"pslogin_buttons\"\n    template=\"pslogin\/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 data-line=\"1\"><code class=\"language-php\"> &lt;?php echo $this->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\">\/app\/design\/frontend\/THEME_NAME\/default\/layout\/customer.xml<\/code><\/pre><\/div>\n\n    <p>where &#8220;THEME_NAME&#8221; is the name of the theme you are using,<\/p>\n\n    <p>and for handle &#8220;customer_account_forgotpassword&#8221; please add the Social Buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"19-20\"><code class=\"language-markup\">&lt;customer_account_forgotpassword translate=\"label\"&gt;\n        &lt;label&gt;Customer Forgot Password Form&lt;\/label&gt;\n        &lt;remove name=\"right\" \/&gt;\n        &lt;remove name=\"left\" \/&gt;\n    \n        &lt;reference name=\"head\"&gt;\n            &lt;action method=\"setTitle\" translate=\"title\" module=\"customer\"&gt;\n                &lt;title&gt;Forgot Your Password&lt;\/title&gt;\n            &lt;\/action&gt;\n        &lt;\/reference&gt;\n        &lt;reference name=\"root\"&gt;\n            &lt;action method=\"setTemplate\"&gt;&lt;template&gt;page\/1column.phtml&lt;\/template&gt;&lt;\/action&gt;\n            &lt;action method=\"setHeaderTitle\" translate=\"title\" module=\"customer\"&gt;\n                &lt;title&gt;Password forgotten&lt;\/title&gt;\n            &lt;\/action&gt;\n        &lt;\/reference&gt;\n        &lt;reference name=\"content\"&gt;\n            &lt;block type=\"customer\/account_forgotpassword\" name=\"forgotPassword\" template=\"customer\/form\/\n    forgotpassword.phtml\"&gt;\n                &lt;block type=\"pslogin\/buttons\" name=\"pslogin.login.buttons\" as=\"pslogin_buttons\"\n                    template=\"pslogin\/customer\/form\/login\/buttons.phtml\" \/&gt;\n            &lt;\/block&gt;\n        &lt;\/reference&gt;\n    &lt;\/customer_account_forgotpassword&gt;<\/code><\/pre><\/div>\n\n\n    <p>Now edit the following file:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\">\/app\/design\/frontend\/THEME_NAME\/default\/template\/customer\/form\/forgotpassword.phtml<\/code><\/pre><\/div>\n\n    <p>where &#8220;THEME_NAME&#8221; is the name of the theme you are using,<\/p>\n    \n    <p>and in the needed position please add the following block:<\/p>\n\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"12\"><code class=\"language-php\">&lt;div class=\"page-title\"&gt;\n        &lt;h1&gt;&lt;?php echo $this-&gt;__('Forgot Your Password?') ?&gt;&lt;\/h1&gt;\n    &lt;\/div&gt;\n    &lt;?php echo $this-&gt;getMessagesBlock()-&gt;getGroupedHtml() ?&gt;\n    &lt;form action=\"&lt;?php echo $this-&gt;getUrl('*\/*\/forgotpasswordpost') ?&gt;\" method=\"post\" id=\"form-validate\"&gt;\n        &lt;div class=\"fieldset\"&gt;\n            &lt;h2&gt;&lt;?php echo $this-&gt;__('Retrieve your password here') ?&gt;&lt;\/h2&gt;\n            \u2026\n            &lt;button type=\"submit\" title=\"&lt;?php echo $this-&gt;__('Submit') ?&gt;\" class=\"button\"&gt;\n                &lt;span&gt;&lt;span&gt;&lt;?php echo $this-&gt;__('Submit') ?&gt;&lt;\/span&gt;&lt;\/span&gt;\n            &lt;\/button&gt;\n        &lt;\/div&gt;\n        &lt;?php echo $this-&gt;getChildHtml('pslogin_buttons'); ?&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>Social Login Pro 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\/Social_login_pro_login_3.png\" alt=\"Social login pro login 3.png\"\/><\/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>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()->createBlock(\"pslogin\/buttons\")\n    ->setTemplate(\"pslogin\/customer\/form\/register\/buttons.phtml\")->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\">\/app\/design\/frontend\/THEME_NAME\/default\/template\/page\/html\/footer.phtml<\/code><\/pre><\/div>\n\n    <p>where &#8220;THEME_NAME&#8221; is the name of the theme you are using,<\/p>\n    \n    <p>add code with login buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"5-7\"><code class=\"language-php\">&lt;div class=\"footer-container\"&gt;\n        &lt;div class=\"footer\"&gt;\n            &lt;?php echo $this-&gt;getChildHtml() ?&gt;\n            &lt;address class=\"copyright\"&gt;\n                &lt;?php echo $this-&gt;getLayout()-&gt;createBlock(\"pslogin\/buttons\")\n                        -&gt;setTemplate(\"pslogin\/customer\/form\/registe\/buttons.phtml\")\n                        -&gt;toHtml(); ?&gt;\n                &lt;?php echo $this-&gt;getCopyright() ?&gt;\n            &lt;\/address&gt;\n        &lt;\/div&gt;\n    &lt;\/div&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>Social Login Pro 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\/Social_login_pro_register_1.png\" alt=\"Social login pro register 1.png\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h3>Option 2 &#8211; Adding code to CMS Pages or Static 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>Registration 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;CMS&gt;Pages&#8221; or &#8220;CMS&gt;Static Blocks&#8221;) &#8211; please use the following code for pasting into the editor in order to display registration buttons&nbsp;:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\">{{block type=\"pslogin\/buttons\" name=\"pslogin.login.buttons\"\n    template=\"pslogin\/customer\/form\/register\/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 Social Login Pro Registration buttons pasted into the editor.<\/strong><\/li><li><strong>Social Login Pro 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\/Social_login_pro_register_2.png\" alt=\"Social login pro register 2.png\"\/><\/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>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 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 type=\"pslogin\/buttons\" name=\"pslogin.login.buttons\" as=\"pslogin_buttons\"\n    template=\"pslogin\/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 data-line=\"1\"><code class=\"language-php\">&lt;?php echo $this->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\">\/app\/design\/frontend\/THEME_NAME\/default\/layout\/customer.xml<\/code><\/pre><\/div>\n\n    <p>where &#8220;THEME_NAME&#8221; is the name of the theme you are using,<\/p>\n\n    <p>and for handle &#8220;customer_account_forgotpassword&#8221; please add the Social Buttons block:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"19-21\"><code class=\"language-markup\">&lt;customer_account_forgotpassword translate=\"label\"&gt;\n        &lt;label&gt;Customer Forgot Password Form&lt;\/label&gt;\n        &lt;remove name=\"right\" \/&gt;\n        &lt;remove name=\"left\" \/&gt;\n    \n        &lt;reference name=\"head\"&gt;\n            &lt;action method=\"setTitle\" translate=\"title\" module=\"customer\"&gt;\n                &lt;title&gt;Forgot Your Password&lt;\/title&gt;\n            &lt;\/action&gt;\n        &lt;\/reference&gt;\n        &lt;reference name=\"root\"&gt;\n            &lt;action method=\"setTemplate\"&gt;&lt;template&gt;page\/1column.phtml&lt;\/template&gt;&lt;\/action&gt;\n            &lt;action method=\"setHeaderTitle\" translate=\"title\" module=\"customer\"&gt;\n                &lt;title&gt;Password forgotten&lt;\/title&gt;\n            &lt;\/action&gt;\n        &lt;\/reference&gt;\n        &lt;reference name=\"content\"&gt;\n            &lt;block type=\"customer\/account_forgotpassword\" name=\"forgotPassword\"\n                template=\"customer\/form\/forgotpassword.phtml\"&gt;\n                &lt;block type=\"pslogin\/buttons\" name=\"pslogin.register.buttons\"\n                    as=\"pslogin_buttons\"\n                    template=\"pslogin\/customer\/form\/register\/buttons.phtml\" \/&gt;\n            &lt;\/block&gt;\n        &lt;\/reference&gt;\n    &lt;\/customer_account_forgotpassword&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\">\/app\/design\/frontend\/THEME_NAME\/default\/template\/customer\/form\/forgotpassword.phtml<\/code><\/pre><\/div>\n\n    <p>where &#8220;THEME_NAME&#8221; is the name of the theme you are using,<\/p>\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 data-line=\"12\"><code class=\"language-php\">&lt;div class=\"page-title\"&gt;\n        &lt;h1&gt;&lt;?php echo $this-&gt;__('Forgot Your Password?') ?&gt;&lt;\/h1&gt;\n    &lt;\/div&gt;\n    &lt;?php echo $this-&gt;getMessagesBlock()-&gt;getGroupedHtml() ?&gt;\n    &lt;form action=\"&lt;?php echo $this-&gt;getUrl('*\/*\/forgotpasswordpost') ?&gt;\" method=\"post\"\n        id=\"form-validate\"&gt;\n        &lt;div class=\"fieldset\"&gt;\n            &lt;h2&gt;&lt;?php echo $this-&gt;__('Retrieve your password here') ?&gt;&lt;\/h2&gt;\n            \u2026\n            &lt;button type=\"submit\" title=\"&lt;?php echo $this-&gt;__('Submit') ?&gt;\" class=\"button\"&gt;\n                &lt;span&gt;&lt;span&gt;&lt;?php echo $this-&gt;__('Submit') ?&gt;&lt;\/span&gt;&lt;\/span&gt;&lt;\/button&gt;\n        &lt;\/div&gt;\n        &lt;?php echo $this-&gt;getChildHtml('pslogin_buttons'); ?&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>Social Login Pro 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\/Social_login_pro_register_3.png\" alt=\"Social login pro register 3.png\"\/><\/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 = Mage::helper('pslogin')->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\">\/app\/design\/frontend\/THEME_NAME\/default\/template\/customer\/account\/dashboard.phtml<\/code><\/pre><\/div>\n    <p>where &#8220;THEME_NAME&#8221; is the name of the theme you are using.<\/p>\n    \n    <p>Result will be as follows:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"4-6\"><code class=\"language-php\">&lt;div class=\"dashboard\"&gt;\n        &lt;div class=\"page-title\"&gt;\n            &lt;h1&gt;\n                &lt;?php if ($photoPath = Mage::helper('pslogin')-&gt;getPhotoPath()) : ?&gt;\n                    &lt;img src=\"&lt;?php echo $photoPath; ?&gt;\" \/&gt;\n                &lt;?php endif; ?&gt;\n                &lt;?php echo $this-&gt;__('My Dashboard') ?&gt;\n            &lt;\/h1&gt;\n        &lt;\/div&gt;\n        &lt;?php echo $this-&gt;getMessagesBlock()-&gt;getGroupedHtml() ?&gt;\n        &lt;?php echo $this-&gt;getChildHtml('hello') ?&gt;\n        &lt;?php echo $this-&gt;getChildHtml('top') ?&gt;\n        &lt;div class=\"box-account box-info\"&gt;\n            &lt;div class=\"box-head\"&gt;\n                &lt;h2&gt;&lt;?php echo $this-&gt;__('Account Information') ?&gt;&lt;\/h2&gt;\n            &lt;\/div&gt;\n            &lt;?php \/* Extensions placeholder *\/ ?&gt;\n            &lt;?php echo $this-&gt;getChildHtml('customer.account.dashboard.extra') ?&gt;\n            &lt;?php echo $this-&gt;getChildHtml('info') ?&gt;\n        &lt;\/div&gt;\n        &lt;?php echo $this-&gt;getChildHtml('address') ?&gt;\n        &lt;?php echo $this-&gt;getChildHtml('info1') ?&gt;\n        &lt;?php echo $this-&gt;getChildHtml('info2') ?&gt;\n    &lt;\/div&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\/Customer_photo_my_account.png\" alt=\"Customer photo my account.png\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<h2 id=\"displaying-full-size-buttons\">Displaying Full-Size Buttons<\/h2>\n\n\n\n<p>If there are more than 6 social media networks in use &#8211; Social Login Pro extension will display icons instead of full-size buttons. In case you still want to display full size login\/registration buttons instead of icons, please use the code below:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"1\"><code class=\"language-php\">setFullButtonsCount(6)<\/code><\/pre><\/div>\n\n\n\n<p><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\">&lt;div class=\"footer-container\"&gt;\n        &lt;div class=\"footer\"&gt;\n            &lt;?php echo $this-&gt;getLayout()-&gt;createBlock(\"pslogin\/buttons\")\n                -&gt;setTemplate(\"pslogin\/customer\/form\/logi\/buttons.phtml\")\n                -&gt;setFullButtonsCount(6)-&gt;toHtml(); ?&gt;\n        &lt;\/div&gt;\n    &lt;\/div&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n\n\n\n<h2 id=\"adding-custom-html-ode-to-buttons-template\">Adding Custom HTML Code to Buttons Template<\/h2>\n\n\n\n<p>If you have your custom HTML code that you work with for improving page styling, and want it to show only when social buttons are displayed (e.g. adding extra line with &#8220;Or&#8221; separator, etc.), please use the below code:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\">&lt;?php if(Mage::helper('pslogin')->hasButtons()) : ?>\n    &lt;!-- Custom Html -->\n    &lt;?php echo $this->getLayout()->createBlock(\"pslogin\/buttons\")\n            ->setTemplate(\"pslogin\/customer\/form\/login\/buttons.phtml\")->toHtml(); ?>\n    &lt;!-- Custom Html -->\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    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\">&lt;div class=\"footer-container\"&gt;\n        &lt;?php if (Mage::helper('pslogin')-&gt;hasButtons()) : ?&gt;\n            &lt;div class=\"line-or\"&gt;\n                &lt;?php echo $this-&gt;__('OR'); ?&gt;\n            &lt;\/div&gt;\n            &lt;?php echo $this-&gt;getLayout()-&gt;createBlock(\"pslogin\/buttons\")\n                -&gt;setTemplate(\"pslogin\/customer\/form\/login\/buttons.phtml\")-&gt;toHtml(); ?&gt;\n        &lt;?php endif; ?&gt;\n    &lt;\/div&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adding Social Buttons By default, this Magento social login module will 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 Buttons Manually If you want &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Magento 1 Social Login Pro v1.x Developer Guide and 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":[258],"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 Social Login Pro v1.x Developer Guide and API Reference - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Adding Social Buttons By default, this Magento social login module will replace your customer login\/registration template with its own template, and\" \/>\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-1-social-login-pro\/v1\/devguide\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 1 Social Login Pro v1.x Developer Guide and API Reference\" \/>\n<meta property=\"og:description\" content=\"Adding Social Buttons By default, this Magento social login module will replace your customer login\/registration template with its own template, and\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-28T16:08:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-24T13:27:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Social_login_pro_login_1.png\" \/>\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=\"7 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Magento Social Login Pro v1.x Developer Guide and API Reference - Plumrocket Documentation","description":"Adding Social Buttons By default, this Magento social login module will replace your customer login\/registration template with its own template, and","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-1-social-login-pro\/v1\/devguide","og_locale":"en_US","og_type":"article","og_title":"Magento 1 Social Login Pro v1.x Developer Guide and API Reference","og_description":"Adding Social Buttons By default, this Magento social login module will replace your customer login\/registration template with its own template, and","og_url":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide","og_site_name":"Plumrocket Documentation","article_published_time":"2020-02-28T16:08:52+00:00","article_modified_time":"2021-09-24T13:27:21+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Social_login_pro_login_1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"7 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-1-social-login-pro\/v1\/devguide#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/05\/Social_login_pro_login_1.png","contentUrl":"\/docs\/wp-content\/uploads\/2020\/05\/Social_login_pro_login_1.png"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide","name":"Magento 1 Social Login Pro v1.x Developer Guide and API Reference - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide#primaryimage"},"datePublished":"2020-02-28T16:08:52+00:00","dateModified":"2021-09-24T13:27:21+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"Adding Social Buttons By default, this Magento social login module will replace your customer login\/registration template with its own template, and","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1\/devguide#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento Extensions","item":"https:\/\/plumrocket.com\/magento-1-extensions"},{"@type":"ListItem","position":2,"name":"Magento Social Login Pro","item":"https:\/\/plumrocket.com\/magento-1-social-login-pro"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro"},{"@type":"ListItem","position":4,"name":"v1","item":"https:\/\/plumrocket.com\/docs\/magento-1-social-login-pro\/v1"},{"@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\/463"}],"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=463"}],"version-history":[{"count":2,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/463\/revisions"}],"predecessor-version":[{"id":24438,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/463\/revisions\/24438"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=463"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=463"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}