Add Custom JavaScript to a Project

Business Background

When your project needs behavior that is not covered by standard settings, you can use custom JavaScript to add your own logic. This is useful when you need to control how elements behave, respond to user actions, adjust page behavior, or support a specific business requirement.

Custom JavaScript should be used carefully, especially when it affects user input, data handling, or Salesforce-connected processes.

Titan Solution

Titan lets you add custom JavaScript to your project manually or load a script from an external source. You can use custom scripts to extend project behavior where supported and align the experience with your technical requirements.

How to Video

• 0:01 Introduction.
• 0:18 Learn how to add custom JavaScript.

How to Guide

1. Click the Gear icon to open the Project settings.
2. Select the Tools option.
3. Enable the Custom JavaScript toggle and click the Gear icon. The Custom JavaScript screen opens.

4. Add the Type of the data script in the field.
5. Type the Integrity to ensure that you have the correct script.
6. Type the Cross Origin when you want to allow page sharing.
   • Select the Async checkbox to allow multiple tasks to run simultaneously during download.
   • Select the Defer checkbox to allow multiple tasks to run after download.
7. Get your script from a source by selecting the SRC button.
8. Alternatively, type your script in the content field by selecting the Write Content button.
   • You can use the Delete icon (top right of the screen) to remove the script.
9. Click the Add a Script button to add multiple scripts.
10. Click the Apply button.

Note:

You can use ftGetEnvParamValue() for an environment variable when using custom JavaScript.

11. Save and Publish the project.
12. Click the Launch Site button.

13. Right-click on the screen and select the Inspect option from the context menu to view the script.
14. Alternatively, you can select the View page source option if you used a source.

The JavaScript screen will show under the Elements tab