Start building for free - no credit card until you're launch-ready!

Cargando Componente...

Cargando

Componente de carga

Más componentes

Parte de

Botones de inicio de sesión social

Microsoft Social Login

No se han encontrado artículos.

Gracias. Voy a actualizar
este proyecto lo antes posible.

¡Uy! Algo ha ido mal al enviar el formulario.

Cómo activar la autenticación de Google

Cómo activar la autenticación de Facebook

Cómo activar la autenticación de Spotify

Cómo activar la autenticación de Dribbble

Cómo activar la autenticación de Github

Cómo activar la autenticación de LinkedIn

Cómo activar el inicio de sesión sin contraseña

Cómo configurar la validación de contraseñas

Cómo mostrar/ocultar la contraseña

Cómo trabajar con imágenes de perfil

Cómo añadir un flujo de olvido de contraseña

Cómo trabajar con casillas de verificación

Cómo configurar las tablas de precios

Acerca del portal de clientes de Stripe

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0251","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385","23e62748-e1af-8eae-84ad-b7304de22669"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0252"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"microsoft"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0252","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0253","266c221d-e014-0dc0-15a6-81e9ad2e0254","266c221d-e014-0dc0-15a6-81e9ad2e0255"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0253","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"632c95c4b20dd0430d840a26"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0254","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["d328c3b7-617f-d8be-1499-f8637a1b9366"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Microsoft"}],"text":true,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d328c3b7-617f-d8be-1499-f8637a1b9366","text":true,"v":"Continue with Microsoft"},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0255","type":"Block","tag":"div","classes":["14420a4a-6592-ac3a-3c7f-530cba49272d"],"children":["f8d6c957-80b5-92b0-25d8-5cefca01252a"],"data":{"tag":"div","xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"f8d6c957-80b5-92b0-25d8-5cefca01252a","type":"Image","tag":"img","classes":["7dee09b5-aeae-95bb-58b1-768f8f8d9435"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["b8cab70c-aadd-6f9a-f4e7-12c5cb42c48e","c36ff424-1c20-d36b-5eeb-7501ac1bd0d2","e63577dc-f58b-32d9-fdca-44c357fe3cea","23e62748-e1af-8eae-84ad-b7304de22669","8f74f914-9676-dc2b-de11-d828cdf07ff5","f4ae05b1-d9ae-3f37-d7d9-5d08e7299c83","21ad250c-9645-3884-97f3-87ec7f93b1e7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"23e62748-e1af-8eae-84ad-b7304de22669","fake":false,"type":"class","name":"Microsoft","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00); border-right-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00); border-bottom-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00); border-left-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00);"}},"children":["eaca5daa-23e5-58d4-a907-331b7a723d0a"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 20px;","variants":{},"children":["0bf4e500-4b1f-48bf-7d37-1a1df66f9b1f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":["6eb2f25c-d30c-6a9e-f26a-f074924a95b7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"67a655d2-2c0f-837d-4420-e36e24bfdb13","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14420a4a-6592-ac3a-3c7f-530cba49272d","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"7dee09b5-aeae-95bb-58b1-768f8f8d9435","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":["1e57bc78-a858-b584-6806-411010152d9b"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","siteId":"632c941ea9199f8985f3fd52","width":129,"isHD":false,"height":129,"fileName":"632c95c4b20dd0430d840a26_microsoft.svg","createdOn":"2022-09-22T17:05:08.610Z","origFileName":"microsoft.svg","fileHash":"21f653557e9750b75a8bbe21d23f2aaf","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","_id":"632c95c4b20dd0430d840a26","updatedOn":"2022-09-22T19:51:31.833Z","fileSize":684},{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","siteId":"632c941ea9199f8985f3fd52","width":24,"isHD":false,"height":24,"fileName":"6331f8b4b515a6328c67f9ec_close_black_24dp.svg","createdOn":"2022-09-26T19:08:36.466Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","_id":"6331f8b4b515a6328c67f9ec","updatedOn":"2022-09-27T12:08:27.397Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Clonar en Webflow

Componente de copia

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0251","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385","23e62748-e1af-8eae-84ad-b7304de22669"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0252"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"microsoft"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0252","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0253","266c221d-e014-0dc0-15a6-81e9ad2e0254","266c221d-e014-0dc0-15a6-81e9ad2e0255"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0253","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"632c95c4b20dd0430d840a26"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0254","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["d328c3b7-617f-d8be-1499-f8637a1b9366"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Microsoft"}],"text":true,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d328c3b7-617f-d8be-1499-f8637a1b9366","text":true,"v":"Continue with Microsoft"},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0255","type":"Block","tag":"div","classes":["14420a4a-6592-ac3a-3c7f-530cba49272d"],"children":["f8d6c957-80b5-92b0-25d8-5cefca01252a"],"data":{"tag":"div","xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"f8d6c957-80b5-92b0-25d8-5cefca01252a","type":"Image","tag":"img","classes":["7dee09b5-aeae-95bb-58b1-768f8f8d9435"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["b8cab70c-aadd-6f9a-f4e7-12c5cb42c48e","c36ff424-1c20-d36b-5eeb-7501ac1bd0d2","e63577dc-f58b-32d9-fdca-44c357fe3cea","23e62748-e1af-8eae-84ad-b7304de22669","8f74f914-9676-dc2b-de11-d828cdf07ff5","f4ae05b1-d9ae-3f37-d7d9-5d08e7299c83","21ad250c-9645-3884-97f3-87ec7f93b1e7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"23e62748-e1af-8eae-84ad-b7304de22669","fake":false,"type":"class","name":"Microsoft","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00); border-right-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00); border-bottom-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00); border-left-color: hsla(206.41304347826085, 100.00%, 36.08%, 1.00);"}},"children":["eaca5daa-23e5-58d4-a907-331b7a723d0a"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 20px;","variants":{},"children":["0bf4e500-4b1f-48bf-7d37-1a1df66f9b1f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":["6eb2f25c-d30c-6a9e-f26a-f074924a95b7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"67a655d2-2c0f-837d-4420-e36e24bfdb13","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14420a4a-6592-ac3a-3c7f-530cba49272d","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"7dee09b5-aeae-95bb-58b1-768f8f8d9435","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":["1e57bc78-a858-b584-6806-411010152d9b"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","siteId":"632c941ea9199f8985f3fd52","width":129,"isHD":false,"height":129,"fileName":"632c95c4b20dd0430d840a26_microsoft.svg","createdOn":"2022-09-22T17:05:08.610Z","origFileName":"microsoft.svg","fileHash":"21f653557e9750b75a8bbe21d23f2aaf","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4b20dd0430d840a26_microsoft.svg","_id":"632c95c4b20dd0430d840a26","updatedOn":"2022-09-22T19:51:31.833Z","fileSize":684},{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","siteId":"632c941ea9199f8985f3fd52","width":24,"isHD":false,"height":24,"fileName":"6331f8b4b515a6328c67f9ec_close_black_24dp.svg","createdOn":"2022-09-26T19:08:36.466Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","_id":"6331f8b4b515a6328c67f9ec","updatedOn":"2022-09-27T12:08:27.397Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

Navegador no compatible. Utilice
CC Chrome o SS Safari.

Acerca de este componente

Generado por IA

Descripción del componente (generada por AI)

The Microsoft Social Login component allows users to authenticate their accounts using Microsoft credentials, streamlining the login process for web applications.

Características principales:

Integrates Microsoft authentication for user login
Includes a disconnect option for users
Diseño adaptable a varios dispositivos
Customizable styles for branding
Easy implementation with Webflow

Elementos de diseño:

Uses a clean and modern design
Incorporates Microsoft branding colors
Features a rounded button style with subtle shadows
Incluye iconos para mayor atractivo visual

Posibles casos de uso:

E-commerce websites looking to simplify user registration
SaaS applications requiring secure user authentication
Social platforms that want to offer multiple login options
Mobile applications needing quick access via Microsoft accounts
Corporate websites that utilize Microsoft services

Conclusion: The Microsoft Social Login component is a versatile tool that enhances user experience by providing a familiar and secure login method, making it ideal for a wide range of applications.

Empezar a construir

Empieza a construir tus sueños

Memberstack es 100% gratis hasta que estés listo para lanzarla - así que, ¿a qué estás esperando? Crea tu primera aplicación y empieza a construir hoy mismo.

Componentes similares

🏗️ Stay tuned for more components like this.