Custom apps

1. Log in to your Freshworks product account.

2. Navigate to the corresponding apps gallery. In the Build your own apps section, click Build it yourself. The All Apps page of the Developer portal is displayed.

   Or

   Navigate to the Neo Admin Center page. In the My Accounts section, click on the developer account (/developer). The All Apps page of the Developer portal is displayed.

   Notes:
   • If multiple accounts are associated with the organization, the Choose an Account window is displayed. Select the account to view the All Apps page for the selected account.
   • In the All Apps page, you can switch between the accounts of the organization from the dropdown displayed.
   • In the Neo Admin Center page, the developer account (/developer) will be displayed under the My Accounts section only if the developer has navigated to the Developer portal at least once.
   The All Apps page

3. Click New App and select Custom App. The Create a new app page is displayed.

4. From Select your App type, select Custom App.

5. In the Upload Zip file section, click Upload App file, select the packed app file, and click Open. The packed app file is uploaded. Note:To replace the uploaded app file, click Replace App file, select the packed app file, and click Open. The packed app file is replaced.

6. In the Name your App field, enter a meaningful name comprising two or three words.

7. Click Save and Continue. A page for entering the app details is displayed and the Works with section is auto-populated with the module(s) that your app works with, displayed as module cards. Each module card displays the name of the module and icons of the products that support the module in a SKU bundle.

   Note:The Works with section displays the module card of each module(s) that your app is configured to work with, except for the common module. Even if the app is configured to work with the common module, the Works with section does not display a module card for the common module.

   Important:The supported products for each app are auto-assigned based on the modules configured in manifest.json. To modify the auto-assigned products, reach out to marketplace@freshworks.com.

   In the details panel on the left, the following values are auto-populated:

   1. The app’s name with the app status as Draft.
   2. The status of the app’s details such as Code Upload, App Information, Support Details, and App settings (displayed only when the uploaded app file has app settings functionality).
   3. App type: Specifies how an app is available to an app user. Possible App types: Freshworks app (publicly displayed in the Marketplace), Custom app (private only to the customer using the product), External app (listed in an external website).
   4. App Id: An app’s identifier that is displayed after the app is published.
   5. Last updated: The timestamp of when the app was last modified.
   6. Code File: The status and versions of the uploaded app, displayed in chronological order. When a new Freshworks app file is uploaded, the status is Draft Version (Draft).
   Draft version of the app

8. In the main section of the app details page, navigate to the App information tab and update the requisite app display details. Click Save and Continue. The Media and Installation tab is displayed.

9. In the Media and Installation tab, update the requisite media, installation, and support details.

10. If your app uses the app settings functionality, click Save and Continue. The App settings tab is displayed. In the App settings tab, update the requisite app settings details.

11. Click Save to save all the app, media, support, security, and app settings details.

12. Click Save and Test, to test the app before publishing. The Manage Apps page > In Development tab is displayed. Under this tab, a list of all the apps that are in development is displayed.

    Note:The Manage Apps page is displayed in a new tab. In the current tab, in the Code File section, the app version changes from Draft to Test Version 1.0 (In Development).

    In development apps in Manage Apps > In development tab

13. To test the uploaded app, click Install next to the corresponding app name.

    1. If the app requires third-party authentication, a corresponding window requesting for login credentials is displayed. Enter appropriate credentials and log in. The Authorize app window is displayed. Click Authorize.
    2. If the app requires input in the form of installation parameters, the Settings page is displayed with the list of installation parameters. Enter appropriate input values and click Install.

    The app is installed and the Install button is replaced with the Settings button.

    Installed apps in Manage Apps > In development tab

14. To test uninstallation, click Settings > Uninstall App. The app is uninstalled and the Settings button is replaced with the Install button.

15. To test app disabling, navigate to Settings > Enable app toggle key and set it to off state. The app is disabled.

16. Test the working of your app.

17. After testing, to submit the app for publishing, navigate to the apps gallery.

18. In the Build your own apps section, click Build it yourself. The All Apps page of the Developer portal is displayed. All custom apps in development state are listed as cards.

    All apps page

19. Click on the appropriate Custom app card. The app details page is displayed. In the details panel on the left, in the Code File section, under Test Versions, the app version is specified as Test Version 1.0 (In Development).

    Test version of the app in the Code File section

20. To view all app testing and app submission activities that have been performed, in the details panel, click View activities. The Activities page is displayed.

21. To add a new version of the app that is in development, click Add new version. For more information, see Upload a new version of an in-development Custom app.

22. Publish the app.

Important: While uploading and submitting the new version of an existing app, ensure that the app still supports all the previously supported modules. Uploading and submitting a packed app file which does not support the earlier supported modules displays an error message.

1. If you are not on the app details page, navigate to the apps gallery.

2. In the Build your own apps section, click Build it yourself. The All Apps page of the Developer portal is displayed.

3. Click on the Custom app card corresponding to the in-development app for which you want to upload a new version. A page with the app details is displayed. In the details panel on the left, under the Code File > Live versions section, all published app versions (up to a maximum of three latest versions) are listed. Under the Code File > Test Versions section, the last uploaded in-development app version is listed. Note: Only one app version can exist in the Test version (In-Development) status. If you upload a new version of an in-development app and save it, the latest version replaces the previous version.

4. In the app details page, under the Code File section, click Add new version. The Add new version window is displayed.

5. Click Click to upload, to select the packed app file and click Open. The packed app file is uploaded.

6. Click Save. The app details page is displayed. In the Code File section, the new version of the app is listed under the Test Versions section and the app status is Draft Version (Draft).

   The Works with section is auto-populated with the module(s) that your app works with, displayed as module cards. Each module card displays the name of the module and icons of the products that support the module in a SKU bundle

   Code File section

7. In the main section of the app details page, navigate to the App information tab and update the requisite app details. Click Save and Continue. The Media and Installation tab is displayed.

8. In the Media and Installation tab, update the requisite media, installation, and support details.

9. If your app uses the app settings functionality, click Save and Continue. The App settings tab is displayed. In the App settings tab, update the requisite app settings details.

10. Click Save and Test, to test the app. The Manage Apps page > In Development tab is displayed. A list of all apps that are in development is displayed. Note: If the uploaded packed app file does not support the earlier supported modules, an error message is displayed.

11. For an in-development app that has a new version uploaded, if the existing app version is installed and enabled, an Update button is displayed next to the app. Click Update to test the new app version.

    Update a new version of the app

12. For an in-development app that has a new version uploaded, if the existing app version is disabled, navigate to the Settings > Enable App toggle button and set it to on state. An Update button is displayed. Click Update to test the new app version.

    Enable app toggle button

13. If the in-development app is not installed, click Install. The app is installed and the Install button is replaced with the Settings button. The previous version of the in-development app is updated to the latest version.

14. To test uninstallation, click Settings > Uninstall App. The app is uninstalled and the Settings button is replaced with the Install button.

15. To test app disabling, navigate to Settings > Enable app toggle key and set it to off state. The app is disabled.

16. Test the working of your app.

17. After testing, to submit the app for publishing, navigate to the apps gallery.

18. In the Build your own apps section, click Build it yourself. The All Apps page of the Developer portal is displayed. All custom apps in development state are listed as cards.

19. Click on the appropriate Custom app card. The app details page is displayed. In the details panel on the left, in the Code File section, under Test Versions, the app version is specified as Test Version n+1.0 (In Development), where n is the previous app version that was tested.

For information on how to publish the new uploaded version, see Publish the app.

Important: While uploading and submitting the new version of an existing app, ensure that the app still supports all the previously supported modules. Uploading and submitting a packed app file which does not support the earlier supported modules displays an error message.

1. If you are not on the app details page, navigate to the apps gallery.

2. In the Build your own apps section, click Build it yourself. The All Apps page of the Developer portal is displayed.

3. Click on the Custom app card corresponding to the published app for which you want to upload a new version. A page with the app details is displayed. In the details panel on the left, under the Code File > Live versions section, all published app versions (up to a maximum of three latest versions) are listed.

4. In the Code File section, click Add new version. The Add new version window is displayed.

5. Click Click to upload, to select the packed app file and click Open. The packed app file is uploaded.

6. Click Save. The app details page is displayed. In the Code File > Test Versions section, the new version of the app is listed. The app status is Draft Version (Draft).

   1. To replace the uploaded app file, click Edit. The Add new version window is displayed. Click Replace to upload a new packed app file.
   2. To delete the uploaded app file, click Delete.Edit and Delete buttons in the Code File section

7. In the main section of the app details page, navigate to the App information tab and update the requisite app details. Click Save and Continue. The Media and Installation tab is displayed.

8. In the Media and Installation tab, update the requisite media, installation, and support details.

9. If your app uses the app settings functionality, click Save and Continue. The App settings tab is displayed. In the App settings tab, update the requisite app settings details.

10. Click Save and Test, to test the app before publishing. The Manage Apps page > In Development tab is displayed. A list of all apps that are in development is displayed. The previously published version of the app is disabled.

11. Navigate to the Settings > Enable app toggle key and set it to on state, to enable the app. The Update button is displayed.

1. To test the enabled app, click Update. If required, reauthorize the app and provide appropriate values for the installation parameters. The previous version of the published app is updated to the latest version of the app to be tested.

2. To test uninstallation, click Settings > Uninstall App. The app is uninstalled and the Settings button is replaced with the Install button.

3. To test app disabling, navigate to Settings > Enable app toggle key and set it to off state. The app is disabled.

4. Test the working of your app.

5. After testing, to submit the app for publishing, navigate to the apps gallery. The All Apps page is displayed. All custom apps are listed as cards.

6. Click on the appropriate Custom app card. The app details page is displayed. In the details panel on the left, in the Code File section, under Test Versions, the app version is specified as Test Version n+1.0 (In Development), where n is the previous app version that was tested.

7. Publish the app.

To publish an app after testing:

1. In the app page > Code File section, navigate to the Test Versions section and click Promote to Live.

   Or

   In the main section of the app details page, click Save and Publish.

   Note: If the uploaded packed app file does not support the earlier supported modules, an error message is displayed.

2. In the app details panel on the left, the status of the app changes to Publishing In Progress. Custom apps are not subject to the review process and are available for installation within 30 minutes of app submission. After the app is successfully added as a Custom app, the status of the app changes to Published.

In the app details page > details panel on the left,

• The app status is Published.
• The Last updated field value is updated.
• The Last published field is displayed and the value of this field is auto-populated.
• The App Id field value is displayed.
• Under the Code File section, the app details are moved to the Live Versions section and the app status is Published.Published app in the Code File section

The app display details to be displayed in the Freshworks Marketplace are captured in the following fields:

The media and Installation details to be displayed in the Freshworks Marketplace are captured in the following sections:

• Media
• Support Details

For a new Custom app,

1. In the Choose the environment to update settings section, either select Test if you are publishing the test version of the app or select Production if you are publishing the live version of the app.

   After selecting the environment, the tab displays a table where the Keys column contains the keys present in the app_settings.json file of the app. The Secrets column represents the values for those keys.

2. In the Secrets column, add the values for the corresponding keys.

3. Click either the Save and Test or the Save and Publish button.

   Note: Depending on the option you have selected in the Choose the environment to update settings section, either Save and Test or Save and Publish buttons will be enabled. If you have selected Test, the Save and Test button will be enabled. If you have selected Production, the Save and Publish button will be enabled.

For an existing Custom app that uses the app settings functionality,

1. Update the values of the existing keys in the Secrets column.

2. Click the Validate button. The Validate button runs logic written in the onSettingsUpdate method of the app to validate the entered values.

   After successful validation, a prompt is displayed to publish the app settings.

   Publish App settings

3. Click Publish Settings to publish the app settings.