---
title: "Create an extension on Cliq"
url: https://docs.catalyst.zoho.com/en/tutorials/githubbot/java/create-extension-on-cliq/
description: "Build an extension on Zoho Cliq using Catalyst Integration Functions, that enables you to access and work with your GitHub repositories using a Cliq bot"
last_updated: 2026-08-17T12:16:04Z
service: All Services
type: tutorial
related_links:
  - name: "Integration Functions"
    url: /en/serverless/help/functions/integration-functions
---

# Create an Extension on Cliq

You can now configure the extension in Cliq. As mentioned in the introduction, this Cliq extension will bundle all the development components that we will require for this setup. You can learn about Cliq extensions in detail from the [Cliq help documentation](https://www.zoho.com/cliq/help/platform/build-cliq-extensions.html).

We will add the following Cliq components to be bundled in the extension:

* **Command for issues:** A command handled by the `CommandHandler.java` class that fetches the last ten issues raised in a specific repository.
* **Command for commits:** A command handled by the `CommandHandler.java` class that fetches the last ten commits made in a specific repository.
* **Button function to authenticate the webhook token:** A function handled by the `FunctionHandler.java` class that is executed when a button is clicked in the chat bot. This function authenticates the webhook token for GitHub.
* **GitHub bot:** A chat bot handled by the `BotHandler.java` class that enables you to execute these commands. The bot also includes a menu action that lists your existing repositories, and enables you to select a repo to execute a command for.

You can configure the Cliq extension in the following way:

1. Log in to your Cliq account and open the [Cliq developer console](https://cliq.zoho.com/developer).

2. The index page contains all the extensions you develop in your Cliq account. Click **Create Extension**.
 ![catalyst_gitbot_cliq_create_ext_1](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_1.webp)

3. Enter the name of the extension as "**GitHubExt**" and enter a description for it.
 ![catalyst_gitbot_cliq_create_ext_2](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_2.webp)

4. Select the execution type as **Catalyst Function**. Select the Catalyst project **GitHubBot** that we created for this tutorial and the **GithubExtension** function from the dropdown lists.

 This lets the extension invoke the function whenever any of the components in the extension are accessed.

 We can now add the components that we will require for this extension.
5. Click **Add components**, then click **Command**.
 ![catalyst_gitbot_cliq_create_ext_3](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_3.webp)

6. Enter the command's name as "issues". Configure it as shown in the image below. Click **Add**.
 ![catalyst_gitbot_cliq_create_ext_4](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_4.webp)

7. Similarly, click the **Add components** button in the extension configuration again, then click **Command**. Configure the command "commits" as shown below. Click **Add**.
 ![catalyst_gitbot_cliq_create_ext_5](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_5.webp)

8. Next, add a **function component** and configure the "authenticate" function as shown below. 
 ![catalyst_gitbot_cliq_create_ext_6](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_6.webp)

9. Finally, add a **bot component** and configure the "GitHub Bot" as shown below.
 ![catalyst_gitbot_cliq_create_ext_7](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_7.webp)
 Enable the **Message Handler** and **Incoming Webhook Handler**, and select all the checkboxes. This will enable the bot to acknowledge messages in the chat and the webhook requests received from GitHub.

 You must also add a bot menu action "Repos" that lists and select all the checkboxes.

 ![catalyst_gitbot_cliq_create_ext_8](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_8.webp)
 All the required components have been added.

> **Note:** Ensure that you have given the same component names as specified, because we have configured the same names in the function code.

10. After you add all the components, click **Create Extension** in the extension configuration page.
 ![catalyst_gitbot_cliq_create_ext_9](https://catalyst-docs-development.zohostratus.in/images/tutorials/githubbot/catalyst_gitbot_cliq_create_ext_9.webp)

The extension will be created and listed in your developer console.

> **Note:** Since we have hardcoded the Personal Access token to access the GitHub API in the `GithubConstants.java` class, it is not advisable to publish this extension, as the code contains a confidential token.

The Cliq bot will now be available in your Cliq account. The `issues` and `commits` commands, along with the `Repos` menu action will work in the bot.

Before you test these commands, you must also enable alerts to be received automatically whenever a commit is pushed to one of the repositories in the GitHub account using a webhook.