---
title: "Configure the Hosted Authentication"
url: https://docs.catalyst.zoho.com/en/tutorials/hosted-login-app/python/configure-hosted-login/
description: "Create a simple Basic or React application using the features of Catalyst Hosted Authentication that provides user sign-up, application login, password reset, and implements sign-in using prevalent federated identity providers."
last_updated: 2026-10-06T06:21:49Z
service: All Services
type: tutorial
related_links:
  - name: "Setup Hosted Authentication type"
    url: /en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/configure-hosted-authentication/
  - name: "Configure Social Logins"
    url: /en/cloud-scale/help/authentication/social-logins/configuring-social-logins/
---

# Configure Hosted Authentication for the Application

Let's configure the *Native Catalyst Authentication* type, *Hosted Login* in this section.

1. Authentication is a [Catalyst Cloud Scale](https://docs.catalyst.zoho.com/en/cloud-scale/) component. Click the **Cloud Scale** icon on the console's side navigation menu to access the Cloud Scale service console, then click **Start Exploring**.
    ![catalyst_authentication_cloudscale_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_cloudscale_view.webp)

2. Click **Authentication** under *Security & Identity* to access the Authentication component.
    ![catalyst_authentication_console_view](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/authorisation-portal-cloudscale-authentication.webp)

3. You can set up your application's authentication element using [*Native Catalyst Authentication*](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/introduction/) or a [*Third-party Authentication*](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/third-party-authentication/introduction/) service. For this tutorial, we are going to set up the application's authentication using [*Hosted Login*](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/introduction/), a *Native Catalyst Authentication* type. Click the **Set Up** button in the *Native Catalyst Authentication* section to start configuring your login element.
    ![catalyst_authentication_native_setup_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_native_setup_highlight.webp)

> **Note:**

* [Embedded Login](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/embedded-authentication/introduction/)
* [Third-party Authentication](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/third-party-authentication/introduction/)

4. Select *Hosted Authentication* and click **Next**.
    ![catalyst_authentication_hosted_setup_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_setup_highlight.webp)

5. Enter your business name or other name of your choice in the *Company Name* field and upload an image file of your choice for the *Company Logo*.
    ![catalyst_authentication_hosted_name_n_logo](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_name_n_logo.webp)

> **Note:** For the purpose of this tutorial, we are using "**Zylker Technologies Pvt. Ltd.**" as the company name.

6. Use the color palettes in the console to style your login element. Use the *Preview* section on the right and design the login element to match your preference.
    ![catalyst_authentication_hosted_design_color_pallete](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_design_color_pallete.webp)

> **Note:** You can use the *Preview* section to simultaneously view the style of your *Sign In*, *Sign Up*, and *Password Reset* elements. However, to view the *Sign U* page, you need to enable Public Signup. The steps involved in enabling *Public Signup* are given below.

7. Click the **toggle button** to enable *Public Signup*.
    ![catalyst_authentication_hosted_oublic_toggle_highlight](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_oublic_toggle_highlight.webp)

    * Read the information pop-up and click **Yes, Proceed**.
        ![catalyst_authentication_hosted_public_signup_proceed](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_public_signup_proceed.webp)

> **Note:** To learn more about *Public Signup*, visit this [help document](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/public-signup/).

8. You can add any or all of the [Social Logins](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/social-logins/introduction/) that are present in the console.
    ![catalyst_authentication_social_login_configurations](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_login_configurations.webp)

    To enable the **Zoho** social login:

    - Click the **Zoho** button, and enter "**AuthorizationPortal**" as the *Client Name*.
        ![catalyst_authentication_social_login_zoho_configuring](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_login_zoho_configuring.webp)

    - Click **Enable**.
        ![catalyst_authentication_hosted_zoho_sl_alone](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_zoho_sl_alone.webp)

        Your end-users can now log in to your application using their Zoho credentials. 

> **Note:** As your application is being built on Catalyst by Zoho, you do not have to create OAuth `Client ID` and `Client Secret` credentials.

    To enable the **Google** social login:

    - Click the **Google** button, and enter the OAuth `Client ID` and `Client Secret` that you obtained in the Google console in their respective fields.
        ![catalyst_authentication_social_login_google_configuring](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_login_google_configuring.webp)

> **Note:**  Steps to obtain the OAuth `Client ID` and `Client Secret` for each of the social logins can be accessed in the following help documents: [Google](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-google-social-login), [Microsoft 365](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-microsoft-365-social-login), [LinkedIn](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-linkedin-social-login), and [Facebook](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/social-logins/configuring-social-logins/#enable-facebook-social-login).

    - Click **Enable**.
        ![catalyst_authentication_hosted_zoho_google_sl_alone](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hosted_zoho_google_sl_alone.webp)

        Your end-users can now log in to your application using their **Google** credentials.
    
    You can repeat the same steps to enable the other social logins.
    ![catalyst_authentication_social_logins_configured](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_social_logins_configured.webp)

9. Click **Next**.

> **Note:** You always have the option to [edit your design and social login configurations](https://docs.catalyst.zoho.com/en/cloud-scale/help/authentication/native-catalyst-authentication/hosted-authentication-type/edit-hosted-authentication/) at a later point using the *Authentication Type* section.

10. We will configure the *Additional Settings* section at a later point using the *Whitelisting* feature. Click **Finish**.
    ![catalyst_authentication_addn_settings_skip](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_addn_settings_skip.webp)

You will now able to view and verify that *Hosted Authentication* type has been enabled for your application.
![catalyst_authentication_hoted_login_enabled](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hoted_login_enabled.webp)

You will also be able to view that Catalyst has generated secure `Access URLs` for your *Login*, *Sign Up*, and *Password Reset* pages, and has automatically rendered your styling preferences in all the concerned pages.
![catalyst_authentication_hoted_login_enabled_three_pages](https://catalyst-docs-development.zohostratus.in/images/tutorials/hosted-login/catalyst_authentication_hoted_login_enabled_three_pages.webp)