--- title: "Configurar Embedded Authentication" url: https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/setup-embedded-auth/ description: "Catalyst Authentication te permite proporcionar autenticación segura e inicios de sesión para los usuarios de tu aplicación, y gestionar sus cuentas de usuario." last_updated: 2026-08-17T12:16:04Z service: Cloud Scale type: general --- # Configurar Embedded Authentication Para habilitar y configurar el tipo de Embedded Authentication: 1. Ve a **Authentication** en la sección *Cloud Scale* de la consola de Catalyst, y haz clic en la opción **Set Up** presente en la sección *Native Catalyst Authentication*. ![cloud_scale_auth_empty_screen_native_highlight](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_empty_screen_native_highlight.webp) 2. Selecciona **Embedded Authentication** como el tipo de método de autenticación nativo, y haz clic en **Next**. ![cloud_scale_authenticaiton_embedded_type_select](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_authenticaiton_embedded_type_select.webp) 3. Habilitar personalización CSS - Si deseas proporcionar un CSS personalizado para tus elementos de **Confirm Password** y **Reset Password**: ![cloud_scale_auth_embedded_authtype_enable_css_section](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_authtype_enable_css_section.webp) - Proporciona la ruta del archivo donde has almacenado los archivos CSS requeridos en el directorio de tu proyecto. ![cloud_scale_auth_embedded_authtype_enable_css_sect_file_path](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_authtype_enable_css_sect_file_path.webp) - Si estás usando Embedded Authentication junto con Hosted Login, puedes heredar los elementos de estilo de Hosted Login: ![cloud_scale_auth_embedded_authtype_styling_inherit](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_authtype_styling_inherit.webp) > **Nota:** Catalyst no proporcionará vistas previas para que veas el renderizado de tu elemento de inicio de sesión, o las páginas de **Reset Password** y **Confirm Password**. 4. Elige cómo deseas que sea tu elemento de inicio de sesión: * Para cargar el elemento de inicio de sesión como un formulario de inicio de sesión convencional: Haz clic en la opción **Login Form** en el paso *Configuration*. Copia el script y pégalo en el archivo HTML de tu web client que contiene el índice de tu aplicación. ![cloud_scale_auth_embedded_conv_script_stepper](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_conv_script_stepper.webp) > **Nota:** Puedes hacer clic en **View Sample Image** para ver y comparar cómo aparecería cada uno de los formularios de inicio de sesión al usuario final. Estas son solo imágenes de muestra, no el renderizado real de cómo aparecerá el formulario con tu estilo personalizado. * Para cargar el elemento de inicio de sesión con solo las opciones de Social Logins o inicio de sesión de IdP: Haz clic en la opción **Social Login-Only Form** en el paso *Configuration*. Copia el script y pégalo en el archivo HTML de tu web client que contiene el índice de tu aplicación. ![cloud_scale_auth_embedded_stepper_social_only_script](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_stepper_social_only_script.webp) > **Nota:** El *Social Login-Only Form* solo se puede implementar si has codificado tu aplicación web client usando el último [Catalyst Web SDK](https://docs.catalyst.zoho.com/es/sdk/web/v4/overview/). Este método solo es compatible con **v4** y no con las versiones anteriores. Puedes acceder a versiones anteriores de la autenticación embebida haciendo clic y eligiendo del menú desplegable **Version**. Sin embargo, asegúrate de implementar la última versión ya que incluirá definiciones de seguridad actualizadas y mejoras. ![cloud_scale_auth_embedded_vdropdown](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_vdropdown.webp) 5. Habilita **Public Signup** si deseas que nuevos usuarios se registren en tu aplicación. Puedes obtener más información en la [página de ayuda de Public Signup](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/public-signup/). ![cloud_scale_auth_embedded_public_sign_up](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_public_sign_up.webp) > **Nota:** Debes habilitar **Public Signup** si quieres permitir que tus usuarios accedan a tu aplicación a través de Social Logins. 6. Puedes seleccionar los Social Logins y habilitarlos para permitir que tus usuarios los usen y se registren en tus aplicaciones. Puedes aprender sobre la configuración de cada social login en detalle en la [sección de ayuda de Social Logins](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/). ![cloud_scale_auth_embedded_sociallogins](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_sociallogins.webp) > **Nota:** Asegúrate de tener el `Client ID` y el `Client Secret` proporcionados por el social login antes de configurarlo aquí. Puedes averiguar cómo obtener los valores de `Client ID` y `Client Secret` para cada social login usando esta [guía paso a paso](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/social-logins/configuring-social-logins/). 7. Haz clic en **Next** para guardar tus configuraciones y proceder a la sección *Additional Settings*. Puedes optar por incluir un paso de autenticación adicional habilitando la opción [**Custom User Validation**](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction). Esta opción te permite validar a tus usuarios finales usando una [lógica personalizada](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/how-it-works) que codificas en una [función Basic I/O](https://docs.catalyst.zoho.com/es/serverless/help/functions/basic-io). Puedes descubrir cómo configurar esto en el [documento de ayuda de Whitelisting](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/custom-user-validation/implementation). Puedes usar la sección *Authorized Domains* para autorizar dominios externos a tener acceso CORS e iFrame a tu aplicación. Puedes descubrir cómo configurar dominios autorizados en la [sección de ayuda de Authorized Domain](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/whitelisting/authorized-domains/introduction). ![addionalsettingswithauthorized](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_addn_settings_all.webp) 8. Haz clic en **Finish** para habilitar el tipo de Embedded Authentication. ![cloud_scale_auth_embedded_enabled](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_enabled.webp) Ahora podrás ver la autenticación que has configurado en la sección [Authentication Type](https://docs.catalyst.zoho.com/es/cloud-scale/help/authentication/authentication-types/) de *Authentication*. En esta sección, puedes editar tus configuraciones de Social Logins haciendo clic en el mosaico del Social Login requerido y proporcionando tus nuevas credenciales OAuth. ![cloud_scale_auth_embedded_sociallogin_post_edit](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_sociallogin_post_edit.webp) También puedes editar tus configuraciones de personalización CSS: 1. Haz clic en el botón **Edit**. ![cloud_scale_auth_embedded_customizations_edit](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_customizations_edit.webp) 2. Puedes proporcionar nuevos archivos CSS personalizados, elegir heredar el estilo que aplicaste al configurar el tipo Hosted Authentication, o incluso deshabilitar la personalización. ![cloud_scale_auth_embedded_customizations_editing](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_customizations_editing.webp) 3. Haz clic en **Update**. ![cloud_scale_auth_embedded_customizations_update_show](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_customizations_update_show.webp) Tus preferencias se renderizarán. ![ccloud_scale_auth_embedded_showcase](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_showcase.webp) También puedes acceder a los scripts de inicio de sesión para la autenticación embebida en cualquier momento desde esta sección.