➤ Showcasing all open Desk tickets within a single tab.

➤ Providing them with ticket-specific details, allowing them to view ticket details and prioritize the Zoho Projects task associated with that ticket accordingly.

• In order to establish a secure integration between Zoho Projects and Zoho Desk for a seamless data transfer, a connection between Zoho Projects and Zoho Desk has to be established.

• An extension configuration process includes:

• Creating an extension.
• Configuring the plugin manifest.
• Setting up the widget code.

1. Display all open Zoho Desk tickets associated with an agent in a tab called "Desk open tickets."
2. Incorporate the modal box feature to display ticket-specific details while the agent chooses a ticket from the list of open desk tickets.

                                                                  

                                                                  

                                                                  

• In the code snippet, the Zoho Desk API to list all associated tickets is invoked using the Zoho Projects request JS SDK method to get associated desk tickets.

• Certain mandatory parameters must be passed to the Zoho Projects Request Method, such as the third-party URL, data object, and connection. The details for the mentioned parameters in our use case are as follows:
  

➤ Third-party URL - The Zoho Desk API, which returns a list of all associated tickets.

➤ Data object - The data that must be constructed in order to invoke the third-party URL.

➤ Connection - The name of the secure connection link created and configured in the plugin-mainfest.json file, as described in the previous section.

• A dropdown list displaying all open and associated desk tickets is created using the Zoho Desk API response.

• The dropdown list value selected by the end-user (i.e. the chosen ticket) is then fetched and stored in a variable called "selected ticket ID."

• Upon clicking Get Ticket Details, a modal box instance is created and opened using the modal.create and instance methods. The selected ticket ID value is emitted using the emit method with the keyword "stored-files" when the modal box is opened.

• In the code snippet, the value emitted using the emit method for the keyword "stored-files" is received by the on method in the modal box UI. Using the received value, a hit is made to the Zoho Desk Get tickets API using the Zoho Projects Request Method again.

• From the ticket-specific details returned as the response of the Zoho Desk Get tickets API, the necessary details are fetched and then displayed to the agent for their reference. These details help them check on the status and prioritize the relevant Zoho Projects task related to that ticket.

• Enter the Zoho Projects portal and select a project.

                                                                  

• Select the Desk open tickets option under the Projects tab. The dropdown menu appears, displaying a list of associated open tickets. Choose the ticket for which you want more details and click on Get Ticket Details.

                                                                  

• The selected ticket details are displayed in the modal box.

                                                                  

Sign up for a Zoho Developer account and start developing extensions for Zoho products using Sigma.