Build your first Support app - Part 5: Installing the app in Zendesk Support

If you followed along in the series, you should now have a working Zendesk app that you built from scratch. In this tutorial, you'll install the app in your instance of Zendesk Support. The tutorial will also show you how to test and validate the app, and then package it for uploading.

You can only upload and install private apps in Zendesk Support on the Zendesk Suite Professional plan or above. If you're on the Team or Growth plan, Zendesk offers developers a free, sponsored Enterprise account for testing and debugging apps. We ask only that you don't use it to provide actual support. See Request a sponsored test account.

This tutorial is part of a series on building a Zendesk app:

Testing and validating the app

Thoroughly test your app with the ZAT server. For example, open different tickets and switch between tickets.

Test the app

  1. If your ZAT server is not already started, use the command line to navigate to the xr_app folder and start the server.

    zat server

  2. If your test ticket is not already open, use a browser to navigate to any ticket in Zendesk Support, append ?zat=true to the ticket URL, and reload the page. The URL should look something like this:

  3. In your browser's Address bar, click the shield icon on the left (Chrome) or lock icon on the right (Firefox) and agree to load an unsafe script (Chrome) or to disable protection (Firefox). If you don't do this, the browser will block your app.

    In Chrome, click Load Unsafe Scripts.

    In Firefox, make sure Content Blocking is set to Standard. Click the gear icon to change it, if necessary.

    Note: Safari has no option to disable content blocking. You must use Chrome or Firefox.

  4. Try different tests.

  5. When you're finished, shut down the ZAT server by pressing Control+C.

Once you're satisfied the app is stable, run the ZAT validation tool to catch any problems before uploading the app to Zendesk Support. The ZAT validation tool runs the same tests that are run when an app is uploaded to the Zendesk App Market.

Validate your app

  1. Use the command line to run the following command in your xr_app folder:

    $ zat validate

    Note: If the command prompt isn't displayed, make sure you shut down the ZAT server by pressing Control+C.

  2. Fix any problems reported by the tool, then run validate again.

Packaging the app

The next step is to package the app in a zip file that can be uploaded to your instance of Zendesk Support.

Package your app

  • Run the following command in your xr_app folder:

    $ zat package

The ZAT tool packages the app in a zip file and saves it in a tmp folder in your app root folder.

Uploading and installing the app in Zendesk Support

At last you're ready to upload and install the app in your instance of Zendesk Support. You need to sign in to Zendesk Support as an admin. You must be on the Professional or Enterprise plan, or you must have a free sponsored account for developers.

Upload and install the app

  1. In Zendesk Support, click the Admin icon () in the sidebar, then select Manage from the Apps category.

  2. Click Upload Private App in the upper-right corner of the page.

  3. Enter the name of your app (Requester X-ray). If you did the tutorial for ZAF v1 and installed the app, use a slightly different name for this second version of the app.

  4. Click Choose File and select the zip file of your app.

    The ZAT tool placed the zip file in the tmp folder in your xr_app folder.

  5. Click Upload to upload the app to Zendesk Support, then again after reading the risks and limitations.

  6. When prompted, click Install.

    Note: If you want to restrict access to your app to just administrators or just agents, click Enable Role Restrictions before installing and choose the users.

    When the process is complete, your app should appear as a private app in your list of installed apps on the page.

Your support team is ready to use the app. Open a ticket and click the Apps button in the upper-right corner if the apps are not visible.

If you build an app that other support organizations might find useful, consider making it publicly available in the Zendesk Marketplace. See Publish your app.

The app you built in this tutorial is a client-side app, meaning all the code runs on the client -- the user's browser. You can also build server-side apps. For a step-by-step guide, see Building a server-side app.