The JavaScript Tag integration embeds an Intake Form directly into your web page as a native element without using an iframe. Unlike iframe-based embedding, this method gives you full control over styling and layout, ensuring the form renders consistently within your existing page structure and design system. Use this integration for tighter visual alignment with your site, greater flexibility in form placement, or a more seamless user experience.
How It Works
Once you add the JavaScript tag to your page, it automatically loads and displays the latest published version of your Intake Form. Any updates you make to the form in the portal are reflected on your site immediately. The form renders inside a container element you define, giving you control over where it appears on the page.
Prerequisites
Before you begin, ensure the following:
- Your Intake Form has been published.
- You have access to your website’s HTML source or a tag manager (e.g., Google Tag Manager).
- A container element (e.g., <div>) exists where the form will render.
- If your form uses security features such as reCAPTCHA, your domain has been registered through TrustArc Support or DevOps.
Implementation Steps
To embed an intake form using JavaScript tag, follow the steps outlined below:
- From the left side of the page, hover the mouse over the Individual Rights Manager icon, and then navigate to Admin (1) > Forms (2).
- From the Intake Forms page, open the published intake form, and then go to the form’s Publish page (3).
Below the box (4) that contains the JavaScript, click Copy Code (5) to copy the script that you will use to embed on the customer’s website.
- Add the following container element in your HTML at the location where you want the form to appear:
<div id="intake-form-container"></div>Then, add the copied script just before the closing </body> tag:
<script src="...your script here..."></script>
</body>Alternatively, if you are using a tag manager such as Google Tag Manager, paste the script as a new Custom HTML tag and set it to fire on the relevant page.
Once added, load the page in your browser to confirm the form renders correctly.
Embedded Forms with Google reCAPTCHA
Google reCAPTCHA does not function on embedded forms by default. Without proper configuration, the form returns an error on every submission attempt.
To enable reCAPTCHA on your embedded form, register your domain through TrustArc Support or DevOps. Contact your support team before deploying any embedded form that uses reCAPTCHA validation. If you are using TrustArc CAPTCHA, no additional configuration is needed as it works out of the box for embedded forms.