# Hosted Authentication Type -------------------------------------------------------------------------------- title: "Introduction" description: "Catalyst Authentication enables you to provide secure authentication and sign-ins for your app users, and manage their user accounts." last_updated: "2026-03-18T07:41:08.533Z" source: "https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Hosted Authentication Type This is a Native Catalyst Authentication type that enables you to host your login element on dedicated pages. You can configure and design the authentication from the console, and Catalyst will render it for your application and handle all the backend requirements. <br /> Hosted authentication enables you to create and style your entire login element as per your preferences. The customization includes adding your company's logo in the login elements, and the background and predominant colors of the windows and buttons. You can additionally implement {{%link href="/en/cloud-scale/help/authentication/social-logins/introduction" %}}Social Login{{%/link%}} options with popular Identity providers (IdP), such as {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-zoho-social-login" %}}Zoho{{%/link%}}, {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-google-social-login" %}}Google{{%/link%}}, {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-facebook-social-login" %}}Facebook{{%/link%}}, {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-linkedin-social-login" %}}LinkedIn{{%/link%}}, and {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-microsoft-365-social-login" %}}Microsoft 365{{%/link%}}, by inputting the {{%badge%}}Client ID{{%/badge%}} and {{%badge%}}Client Secret{{%/badge%}} generated from the IdPs console. The hosted login element is made up of three pages, and Catalyst hosts each of these on a separate page with individual URLs: - {{%bold%}}The Sign Up Page{{%/bold%}}: This page enables the end user to sign up for your application by entering their first name, last name, and email address. They can also click the Sign in option, if they have already signed up to your application. <br /> {{%note%}}{{%bold%}}Note{{%/bold%}}: You need to enable {{%link href="/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/" %}}Public Signup{{%/link%}} to view the {{%bold%}}Sign Up{{%/bold%}} page{{%/note%}} - {{%bold%}}The Sign In Page{{%/bold%}}: This page enables your existing end user to log in to your application with their email address and password. <br /> - {{%bold%}}The Password Reset page{{%/bold%}}: This page enables your user to enter their email, mobile number or username to reset their password. <br /> {{%note%}}{{%bold%}}Note:{{%/bold%}} The secure URLs containing the endpoints for the Sign Up, Sign In, and Password Reset pages of your Hosted Login are automatically generated by Catalyst, and can be incorporated into your application client.{{%/note%}} <br /> -------------------------------------------------------------------------------- title: "Benefits" description: "Catalyst Authentication enables you to provide secure authentication and sign-ins for your app users, and manage their user accounts." last_updated: "2026-03-18T07:41:08.534Z" source: "https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/benefits/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Benefits * You can create your login elements on dedicated pages in your app, and design them to resonate with your brand, without any coding. * You can easily enable this authentication type and configure it directly from the console. Catalyst infrastructure ensures that even if you have configured another authentication type, you can additionally include Hosted Login in your app. * You can easily add social logins to your login element while setting this authentication method up. Catalyst provides you {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/" %}}step-by-step guides{{%/link%}} or configuring these social logins and obtaining the required OAuth credentials to add in the console. <br /> -------------------------------------------------------------------------------- title: "Configure Hosted Authentication" description: "Catalyst Authentication enables you to provide secure authentication and sign-ins for your app users, and manage their user accounts." last_updated: "2026-03-18T07:41:08.535Z" source: "https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/configure-hosted-authentication/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Configure Hosted Authentication Type To enable and configure Hosted authentication type: 1. Navigate to {{%bold%}}Authentication{{%/bold%}} in the {{%italics%}}Cloud Scale{{%/italics%}} section of the Catalyst console. Click the {{%bold%}}Set Up{{%/bold%}} option present in the {{%italics%}}Native Catalyst Authentication{{%/italics%}} section. <br /> 2. Select {{%bold%}}Hosted Authentication{{%/bold%}} as the type of native authentication method, and click {{%bold%}}Next{{%/bold%}}. <br /> 3. You can configure your login element now to reflect your company's brand. Enter the {{%italics%}}Company Name{{%/italics%}}, and upload the {{%italics%}}Company Logo{{%/italics%}} by clicking the upload-icon and choosing a file from your local system. <br /> {{%note%}}{{%bold%}}Note{{%/bold%}}: The file size of the {{%italics%}}Company Logo{{%/italics%}} must be {{%bold%}}5MB{{%/bold%}} or less and the file name must be {{%bold%}}150 characters{{%/bold%}} or less.{{%/note%}} 4. You can incorporate your company's colors in your login elements by choosing the primary color and background color from the color palette, or by entering their HEX values. <br /> 5. Enable {{%bold%}}Public Signup{{%/bold%}} if you wish to allow new users to sign up to your application. You can find out more on this from the {{%link href="/en/cloud-scale/help/authentication/public-signup/" %}}Public Signup help page{{%/link%}}. <br /> {{%note%}}{{%bold%}}Note:{{%/bold%}} You must enable {{%bold%}}Public Signup{{%/bold%}} if you want to view the Sign Up page and allow your users to access your application through {{%link href="/en/cloud-scale/help/authentication/social-logins/introduction/" %}}Social Logins{{%/link%}}.{{%/note%}} 6. You can also select the Social Logins and enable them to allow your users to use them and sign up for your applications. You can learn about configuring each social login in detail from the {{%link href="/en/cloud-scale/help/authentication/social-logins/introduction" %}}Social Logins help section{{%/link%}}. <br /> {{%note%}}{{%bold%}}Note:{{%/bold%}} Ensure that you have {{%badge%}}Client ID{{%/badge%}} and {{%badge%}}Client Secret{{%/badge%}} values for each of the social login using this {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/" %}}step-by-step guide{{%/link%}}.{{%/note%}} 7. In the {{%italics%}}Addional Settings{{%/italics%}} section you can choose to include an additional authentication step by enabling the {{%link href="/en/cloud-scale/help/authentication/whitelisting/custom-user-validation/introduction" %}}{{%bold%}}Custom User Validation{{%/bold%}}{{%/link%}} option. This option allows you to validate your end-users using a {{%link href="/en/cloud-scale/help/authentication/whitelisting/custom-user-validation/how-it-works" %}}custom logic{{%/link%}} that you code in a {{%link href="/en/serverless/help/functions/basic-io" %}}Basic I/O function{{%/link%}}. You can find out how to set this up in the {{%link href="/en/cloud-scale/help/authentication/whitelisting/custom-user-validation/implementation" %}}Whitelisting help document{{%/link%}}. You can use the {{%italics%}}Authorized Domains{{%/italics%}} section to authorize external domains to have CORS and iFrame access to your application. You can find out how to set up authorized domains in the {{%link href="/en/cloud-scale/help/authentication/whitelisting/authorized-domains/introduction" %}}Authorized Domain help section{{%/link%}}. <br /> 9. Click {{%bold%}}Finish{{%/bold%}}, to enable the Hosted authentication type. <br /> You will now be able to view the authentication that you have set up in the {{%link href="/en/cloud-scale/help/authentication/authentication-types" %}}{{%italics%}}Authentication Type{{%/italics%}}{{%/link%}} section of {{%italics%}}Authentication{{%/italics%}}. You can view a more detailed preview of how the login element will appear to your end-user by clicking {{%bold%}}Access URL{{%/bold%}}. <br /> This will open a tab in your browser and load the {{%bold%}}Login Page{{%/bold%}} URL in a seperate tab in your browser, giving you an exact view of the entire login element that your end-user would access. <br /> You can similarly view the **Sign Up** and the **Password Reset** pages by clicking the drop-down icon and choosing the respective page, then clicking **Access URL**. <br /> {{%note%}}{{%bold%}}Note:{{%/bold%}} You must enable {{%link href="/en/cloud-scale/help/authentication/public-signup/public-signup" %}}Public Signup{{%/link%}}, to view the Sign Up page. You can always edit the configured authentication and enable it any time.{{%/note%}} <br /> -------------------------------------------------------------------------------- title: "Edited Hosted Authentication Type" description: "Catalyst Authentication enables you to provide secure authentication and sign-ins for your app users, and manage their user accounts." last_updated: "2026-03-18T07:41:08.535Z" source: "https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/edit-hosted-authentication/" service: "Cloud Scale" -------------------------------------------------------------------------------- # Edit Hosted Authentication Type You will be able to preview and edit the company branding elements and enable or disable social logins per your preference. {{%note%}}{{%bold%}}Note:{{%/bold%}} <br />If you wish to: * Change any configuration you made in the *Additional Settings* section during the authentication set up, click the *Whitelisting* section, and visit the {{%link href="/en/cloud-scale/help/authentication/whitelisting/introduction" %}}Whitelisting help document{{%/link%}} for more information. * Edit Social Logins, visit {{%link href="/en/cloud-scale/help/authentication/social-logins/modifying-social-logins/" %}}this help section{{%/link%}}. * Set up a different authentication type, visit the {{%link href="/en/cloud-scale/help/authentication/authentication-types" %}}{{%italics%}}Authentication Type{{%/italics%}} help document{{%/link%}} to know how to add a manage multiple authentication types. * Disable/enable Public Signup, and the actions that will follow, refer to the {{%link href="/en/cloud-scale/help/authentication/public-signup/" %}}Public Signup help page{{%/link%}}. {{%/note%}} To edit the Hosted Authentication type: 1. Click the **Edit Page** option present in the review section, and edit the branding and functional elements of the Sign Up, Sign In, and Reset Password pages. <br /> 2. You can edit the *Company Name*, *Company Logo*, the branding colors, and {{%link href= "/en/cloud-scale/help/authentication/social-logins/modifying-social-logins/" %}}edit, enable or disable social logins{{%/link%}} and {{%link href="/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/" %}}configure{{%/link%}} them. You will be able to view live preview of the edits. <br /> {{%note%}}{{%bold%}}Note:{{%/bold%}}Note: You can click {{%bold%}}Maximize{{%/bold%}} to preview the changes in full screen, and click {{%bold%}}Minimize{{%/bold%}} to go back to the configuration section.{{%/note%}} 3. Click **Confirm**, to save the changes. <br /> You can view the updated login element back in the {{%link href="/en/cloud-scale/help/authentication/authentication-types" %}}{{%italics%}}Authentication Types{{%/italics%}}{{%/link%}} section. <br /> <br />