Agent Time Tracker
I. Deploy the Application
First, install this application by deploying the source code to your Heroku account. To deploy your application, simply click this button:
II. Create the Integration URL
Now that you have the application on Heroku, go ahead and create the integration URL. Go to Admin > Cases > Integration URLs and click Add Integration URL.
In the Name field, add a title for the this application. In this example, we’ll you use 'Time Tracker'.
The Description field, though optional, is a way to give a general description of the integration URL.
Select 'Canvas iFrame' from the Open Location dropdown.
Toggle the Enabled button to 'Yes' and select the Permission level.
Click the Update button.
III. Add it to your Case Layout
Now display the canvas application on your Case Layout.
Go to Cases > Next Gen Case Layouts
Find the Time Tracker canvas application in the Integrations section on the right side of the screen.
Drag and Drop the application in your case layout.
Scroll over the left side of the 'Time Tracker' bar and click on the gear to open the Edit window. Adjust the pixel Height (e.g., 33) and Position, the order in which it appears in Case Details on the dashboard. Click Save.
IV. Dashboard Confirmation
After you have added the canvas application to your layout and selected users, open a ticket and you should see the Time Tracker under Case Details.