X hide

Magento 2 Twitter & Facebook Login v2.x Extension Configuration

From Plumrocket Documentation


You are viewing:  Twitter-facebook-login-free-32.png  Twitter & Facebook Login

Contents


Configuring Twitter & Facebook Login Extension for Magento 2

Follow the instructions below to learn how to configure Twitter & Facebook Login Extension for Magento 2.


Information Sign sm.png Step-by-Step action:
  1. In your Magento 2 admin panel, go to the "Plumrocket" tab in the main menu.
  2. Navigate to the "Twitter & Facebook Login" module section.
  3. To enable or disable this extension select "Yes" or "No" accordingly in the "Enable Extension" section.
  4. The "Replace Templates" section allows you to replace your customer login/registration template with this extension template and display social login buttons automatically. Please refer to this Magento 2 Twitter & Facebook Login Developer's Guide if you want to keep your own template and install social buttons manually.


1 Twitter Facebook Login extension Magento 2 v1.jpg


Information Sign sm.png Step-by-Step action:
  1. The "Display on Login Form" section lets you display Social Login buttons on magento customer login form.
  2. The "Display on Registration Form" section allows you to display Social Login buttons on magento customer registration form.
  3. The "Ignore Missing Data from Social Networks" option: if this option is enabled, all required fields in magento that are missing will be pre-filled with temporary data to speed-up the registration process. If this option is set to "No" - the user will be sent back to the registration form to enter missing info. Note: This option works with the data required for account creation.


2 Twitter Facebook Login extension Magento 2 v1.jpg


Information Sign sm.png Step-by-Step action:
  1. The "Display Customer Photo" section allows you to display customer photo from social network in your website header. Please, check our Magento 2 Twitter & Facebook Login Developer's Guide, If the photo does not show up for some reasons.
  2. The "Login Success Page" option allows you to select the specific page your customer will be redirected to after each successful login.
  3. The "Registration Success Page" section lets you select the page the user will be redirected to after successful registration.
  4. Use the "Social Buttons Sorting" option to set up sorting of the visual buttons. Visible buttons will be displayed by default. Hidden buttons will be listed under "show more" section in the front-end.


3 Twitter Facebook Login extension Magento 2 v1.jpg


Configuring Social Share section

Information Sign sm.png Step-by-Step action:
  1. Use the "Enable" section to display social share popup after successful user registration.
  2. Specify popup title that will appear after successful registration of your customer in the "Popup title" section.
  3. The "Popup Message" section allows you to write the body of the message for Social Share popup.
  4. Use the "Share Page" option to select the page of your store which will be shared on the social networks.


4 Twitter Facebook Login extension Magento 2 v1.jpg



Configuring Facebook section

Information Sign sm.png Step-by-Step action:
  1. The "Enable" option allows you to enable Facebook Login functionality for this Magento 2 Social Login extension. Please, check the Magento Facebook Login Configuration to learn how to create and set up Facebook application properly.
  2. In the "App ID" field specify the unique Facebook application ID .
  3. In the "App Secret" field enter the secret key provided to you after the Facebook application has been created.
  4. Ask for Birthday: enable this option in order to get customer's birthday date from Facebook. Note: As this this is an optional information to be pulled from Facebook network - you first need to submit this item for review in your Facebook application itself.
  5. Small Icon Button: allows to select the small icon for Facebook button. It will show up if the window size is small, if there's no text input for Facebook login button, or if there are many other social login buttons.
  6. Login Button: allows you to select an image for the Facebook login button.
  7. Registration Button: allows you to select an image for registration with Facebook button.
  8. Login Button Text: allows you to enter the text that will be displayed on Facebook login button.
  9. In the "Registration Button Text" field you will be able to write the text that will be displayed on Facebook registration button.


5 Twitter Facebook Login extension Magento 2 v1 up.jpg

Configuring Twitter section

Information Sign sm.png Step-by-Step action:
  1. The "Enable" option allows you to enable Twitter Login functionality for this social login extension. Please, check the Magento Twitter Login Configuration to learn how to create and set up Twitter application properly.
  2. In the "Consumer Key (API Key)" field specify the Consumer Key (API Key) provided to you after the Twitter application has been created.
  3. In the "Consumer Secret (API Secret )" field enter the secret key provided to you after Twitter application has been created.
  4. Callback URL: you can use this URL while creating your Twitter social login application.
  5. Small Icon Button: allows to select the small icon for Twitter button. It will show up if the window size is small, if there's no text input for Twitter login button, or if there are many other social login buttons.
  6. Login Button: allows you to select an image for the Twitter login button.
  7. Registration Button: allows you to select an image for registration with Twitter button.
  8. Login Button Text: allows you to enter the text that will be displayed on Twitter login button.
  9. In the "Registration Button Text" field you will be able to write the text that will be displayed on Twitter registration button.


6 Twitter Facebook Login extension Magento 2 v1.jpg


Information Sign sm.png Step-by-Step action:
  1. Having set up all the configurations in the Twitter & Facebook Login Extension for Magento 2, do not forget to save your changes by pressing "Save Config" button.


7 Twitter Facebook Login extension Magento 2 v1.jpg


Attention green.png Important Information:

After all the changes have been done and saved, you have to clear Magento 2 Cache.


Twitter & Facebook Login API Reference for Magento 2

Twitter and Facebook Login APIs for Magento 2 separately require specific setup in order to work properly. Please click on the links below to setup the needed social login.
Magento 2 Twitter Login Configuration Magento 2 Facebook Login Configuration
Twitter Login Configuration Facebook Login Configuration
Navigation