{"id":27597,"date":"2024-10-01T11:12:06","date_gmt":"2024-10-01T15:12:06","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=27597"},"modified":"2024-10-01T11:59:20","modified_gmt":"2024-10-01T15:59:20","slug":"how-to-insert-social-login-widgets-in-magento-2","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets","title":{"rendered":"How to Insert Social Login Widgets in Magento 2"},"content":{"rendered":"\n

The Magento 2 Social Login Pro extension<\/a> 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<\/strong>.<\/p>\n\n\n\n

Adding Social Login Widget<\/h2>\n\n\n\n
\n

Step-by-step guide:<\/p>\n\n\n\n

  1. In the main Magento menu, go to Content<\/strong> -> Elements -> Widgets<\/strong>.<\/li>
  2. Above the Widgets grid, click Add Widget<\/strong>.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
    \"Magento<\/figure>\n\n\n\n
    \n

    Step-by-step guide:<\/p>\n\n\n\n

    1. “Type”<\/strong>:\u00a0select the type of Social Login Buttons widget from a drop-down list.<\/li>
    2. “Design Theme”<\/strong>:\u00a0choose a theme to display the widget on.<\/li>
    3. Click Continue<\/strong> to proceed.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
      \"magento2-social-login-widget-1\"<\/figure>\n\n\n\n

      Configuring Storefront Properties<\/h2>\n\n\n\n
      \n

      Step-by-step guide:<\/p>\n\n\n\n

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

        Step-by-step guide:<\/p>\n\n\n\n

        1. “Add Layout Update”<\/strong>:\u00a0press this button to configure the widget placement.<\/li>
        2. “Display On”<\/strong>:\u00a0select the pages, categories, or products where you want the widget to appear.<\/li>
        3. Configure widget layout. Configurations there will differ depending on the selected Display On option.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n
          \"magento2-social-login-widget-3\"<\/figure>\n\n\n\n

          Configuring Widget Options<\/h2>\n\n\n\n

          In the Widget Options Menu, you can choose one of three available widget designs:<\/p>\n\n\n\n

          \n

          Step-by-step guide:<\/p>\n\n\n\n

          1. Default<\/strong><\/li>
          2. Square<\/strong><\/li>
          3. Round<\/strong><\/li><\/ol>\n\n\n\n

            <\/p>\n<\/div><\/div>\n\n\n\n

            \"magento2-social-login-widget-4\"<\/figure>\n\n\n\n

            After pressing the Save button, the widget will appear in the Widgets grid. Clear Magento cache<\/a> to display the widget on the frontend.<\/p>\n","protected":false},"excerpt":{"rendered":"

            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 Configuring Storefront Properties Configuring Widget Options In the Widget Options Menu, you can choose … <\/p>\n

            Continue reading “How to Insert Social Login Widgets in Magento 2”<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","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":[2],"tags":[],"yoast_head":"\nHow to Insert Social Login Widgets in Magento 2 - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"The Magento 2 Social Login Pro extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The\" \/>\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-social-login-pro\/v4\/userguides\/social-login-widgets\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Insert Social Login Widgets in Magento 2\" \/>\n<meta property=\"og:description\" content=\"The Magento 2 Social Login Pro extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-01T15:12:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-01T15:59:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.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=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Insert Social Login Widgets in Magento 2 - Plumrocket Documentation","description":"The Magento 2 Social Login Pro extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The","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-social-login-pro\/v4\/userguides\/social-login-widgets","og_locale":"en_US","og_type":"article","og_title":"How to Insert Social Login Widgets in Magento 2","og_description":"The Magento 2 Social Login Pro extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The","og_url":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets","og_site_name":"Plumrocket Documentation","article_published_time":"2024-10-01T15:12:06+00:00","article_modified_time":"2024-10-01T15:59:20+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"3 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-social-login-pro\/v4\/userguides\/social-login-widgets#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg","contentUrl":"\/docs\/wp-content\/uploads\/2020\/12\/Magento_2_amp_widgets_1.jpg"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets","name":"How to Insert Social Login Widgets in Magento 2 - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets#primaryimage"},"datePublished":"2024-10-01T15:12:06+00:00","dateModified":"2024-10-01T15:59:20+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"The Magento 2 Social Login Pro extension provides you with various templates to display AMP banners, sliders, subcategories, and other widgets. The","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-social-login-pro\/v4\/userguides\/social-login-widgets#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Docs","item":"https:\/\/plumrocket.com\/docs"},{"@type":"ListItem","position":2,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/docs\/magento-extensions"},{"@type":"ListItem","position":3,"name":"How to Insert Social Login Widgets in Magento 2"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","caption":"Plumrocket"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/27597"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=27597"}],"version-history":[{"count":2,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/27597\/revisions"}],"predecessor-version":[{"id":27611,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/27597\/revisions\/27611"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=27597"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=27597"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=27597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}