Learn how to integrate JavaScript into HTML invoice templates to enhance functionality and display dynamic content.

1. In your HTML invoice template, click the Rows block where you want to configure JavaScript codes. The Content panel is displayed on the right of the template editor.
2. In the Content tab, drag and drop the HTML component into the HTML template.
3. In the HTML template, click the HTML block. The Content panel is displayed on the right of the template editor.
4. In the HTML section, type JavaScript codes in the HTML code editor. For example, you can type the following JavaScript codes in the HTML code editor:

   <strong id='greeting'></strong>
   <script>
     document.getElementById('greeting').innerText = 'Hello World';
   </script>

5. Click Save to save the configurations.
6. Click Preview to switch to the Preview mode.
7. In the Preview Settings section, select an existing account and one invoice to preview the rendering result.