Need Help with My First App

I’m having issues developing my first app.
I’m trying to get it to pull data from the ticket and display it in the side bar.
I will use that information along with a form to submit billing to stripe as a final goal of the app.
Right now it is not displaying the information in the ticket side pane.

Here is the code:


  "platform-version": "2.3",
  "product": {
    "freshdesk": {
      "location": {
        "ticket_sidebar": {
          "url": "index.html",
          "icon": "styles/images/icon.svg"
  "engines": {
    "node": "18.16.0",
    "fdk": "9.0.1"



async function init() {
  client = await app.initialized();'app.activated', renderText);

async function renderText() {
  const ticketIdElement = document.getElementById('displayTicketId');
  const technicianNameElement = document.getElementById('displayTechnicianName');
  const contactNameElement = document.getElementById('displayContactName');
  const companyNameElement = document.getElementById('displayInfo');
  // Get ticket data
  const ticketData = await'ticket');
  const { ticket: { id: ticketId, assignee_id: assigneeId } } = ticketData;

  // Get contact data
  const contactData = await'contact');
  const { contact: { name, company_id: companyId } } = contactData;

  // Get assignee (technician) data
  const assigneeData = await`user:${assigneeId}`);
  const { user: { name: technicianName } } = assigneeData;
  // Get company data
  const companyData = await`company:${companyId}`);
  const { company: { name: companyName } } = companyData;

  ticketIdElement.innerHTML = `Ticket ID: ${ticketId}`;
  technicianNameElement.innerHTML = `Technician: ${technicianName}`;
  contactNameElement.innerHTML = `Contact: ${name}`;
  companyNameElement.innerHTML = `Company: ${companyName}`;


<html lang="en">
    <title>Time Entry</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script async src="{{{appclient}}}"></script>
    <link rel="stylesheet" type="text/css" href="styles/style.css" />

    <div class="main">
      <p id="displayInfo"></p>
      <p id="displayTicketId"></p>
      <p id="displayTechnicianName"></p>
      <p id="displayContactName"></p>

  <script defer src="scripts/app.js"></script>
  <script async type="module" src=""></script>
  <script async nomodule src=""></script>

Your code seems alright.

Do you see any errors? either in the CLI or browser console?

Also, did you append ?dev=true in the URL and allow Insecure content?

We are unable to publish our new app on your site. We urge you to address this issue promptly and provide us with a solution

please sort it out quickly.

We are unable to publish our new app on your site. We urge you to address this issue promptly and provide us with a solution

Hi Keerthika,

Could you please share with us the details of the app you are creating? Alternatively, is it a Freshworks app that belongs to the Omni-app category?

Thank you!

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.