How to Insert Social Login Widgets in Magento 2

The Magento 2 Social Login Pro extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The following guide describes creating the Social Login buttons widget using the “Content” -> “Widgets” Menu.

Adding Social Login Widget

Step-by-step guide:

  1. In the main Magento menu, go to Content -> Elements -> Widgets.
  2. Above the Widgets grid, click Add Widget.
Magento 2 AMP extension Adding AMP Widgets 1.png

Step-by-step guide:

  1. “Type”: select the type of Social Login Buttons widget from a drop-down list.
  2. “Design Theme”: choose a theme to display the widget on.
  3. Click Continue to proceed.
magento2-social-login-widget-1

Configuring Storefront Properties

Step-by-step guide:

  1. Go to the Store Properties tab.
  2. You have already set the “Type” and “Design Package/Theme” options in the previous step.
  3. “Widget Title”: enter a descriptive title for the widget. This title is visible only from the backend.
  4. “Assign to Store Views”: select the store view(s) where the widget will be visible.
  5. (Optional) “Sort Order”: enter a number that determines the order this item appears with others in the same container.
magento2-social-login-widget-2

Step-by-step guide:

  1. “Add Layout Update”: press this button to configure the widget placement.
  2. “Display On”: select the pages, categories, or products where you want the widget to appear.
  3. Configure widget layout. Configurations there will differ depending on the selected Display On option.
magento2-social-login-widget-3

Configuring Widget Options

In the Widget Options Menu, you can choose one of three available widget designs:

Step-by-step guide:

  1. Default
  2. Square
  3. Round

magento2-social-login-widget-4

After pressing the Save button, the widget will appear in the Widgets grid. Clear Magento cache to display the widget on the frontend.

Was this article helpful?