---
title: "Scripts for Embedded Authentication"
url: https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/scripts-for-embedded/
description: "Catalyst Authentication enables you to provide secure authentication and sign-ins for your app users, and manage their user accounts."
last_updated: 2026-08-28T07:59:38Z
service: Cloud Scale
type: general
---

# Scripts for Embedded Authentication

Catalyst offers you the following scripts that you can incorporate in your web client application to implement Embedded authentication.

For **Conventional Login Form** Type
![cloud_scale_auth_embedded_conventional](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_conventional.webp)

```javascript
<script src="https://static.zohocdn.com/catalyst/sdk/js/4.6.2/catalystWebSDK.js"> </script>
<script src="/__catalyst/sdk/init.js"> </script>
<script>
  const config = {};
  /* config is optional
  {
    css_url : "/css/embeddediframe.css", // Provide your custom CSS file path here. If no path is provided default css will be rendered
    service_url : "/app/index.html", // This value is optional. You can provide your redirect URL here.
    is_customize_forgot_password : true, // Default value is false. Keep this value as true, if you wish to customize Forgot Password page
    forgot_password_id : "forgotPasswordDivElementId", // The Element id in which forgot password page should be loaded,If no value is provided, it will be rendered in the "loginDivElementId" by default
    forgot_password_css_url : "/css/forgotPwd.css" // Provide your custom CSS file path for the Forgot Password page.If no path is provided,then the default CSS will be rendered.
  } */
  catalyst.auth.signIn("loginDivElementId", config);
</script>

```

For **Social Login-only Form** Type
![cloud_scale_auth_embedded_socials](https://catalyst-docs-development.zohostratus.in/images/help/authentication/cloud_scale_auth_embedded_socials.webp)

```xml
<script src="https://static.zohocdn.com/catalyst/sdk/js/4.6.2/catalystWebSDK.js"> </script>
<script src="/__catalyst/sdk/init.js"> </script>
<script>
  const config = {
    signin_providers_only : true, // Set value as true to customize the sign in provider only form
    css_url : "/css/embeddediframe.css", // Provide your custom CSS file path here. If no path is provided default css will be rendered
    service_url : "/app/index.html" // Provide your redirect URL here. This value is optional.
  } 
  catalyst.auth.signIn(elementId, config);
</script>

```

> **Note:** These scripts are also available in the console. You can directly copy and enable them while you are setting up embedded authentication and in the *Authentication Type* section of the console.