In order to use Qualified on any of your web pages, the Qualified JavaScript snippet must be installed on each of those pages. This article explains how to install the Qualified JavaScript snippet on your website. This article describes additional details for installing the JavaScript snipped on Pardot landing pages, including:
- An overview of the Qualified JavaScript snippet
- Adding the snippet to Pardot landing pages that use custom templates
- Adding the snippet to Pardot landing pages that use stock layout templates
Setting up Pardot tracker domains for your landing pages
An Overview of the Qualified JavaScript Snippet
The JavaScript snippet is a small piece of code that, once installed on your site, will be able to recognize visitors and communicate to the Qualified application to take appropriate actions. Each Qualified instance has a unique token in its JavaScript snippet that is only for your account.
To locate the Qualified JavaScript snippet for your organization:
In the Qualified icon menu on the left side, click the gear icon to access settings.
Scroll to the APP SETTINGS section in Qualified Settings and click Messenger under to access Messenger Customization Settings.
Scroll to the Install Qualified on your website section of Messenger Settings and view the JavaScript snippet for your org. Note the unique token.
The Qualified JavaScript Snippet and Pardot Landing Pages
There are two main ways to create Pardot landing pages:
- Use custom HTML code that your team writes or imports.
- Use a Pardot landing page template with their WYSIWYG landing page builder.
The following sections cover how to add the Qualified JavaScript snippet to Pardot landing pages built with each method.
Adding the Snippet to Pardot Landing Pages
(Custom Templates)
Pardot landing pages for which your team supplies the HTML are built inside Pardot Layout Templates. The following is a high-level overview of how to add a layout template to Pardot and add the JavaScript snippet to it.
In the Salesforce App Launcher, select the Pardot Lightning app.
On the Content tab in the Pardot Lightning app, click Dynamic Content in the left side-bar.
Click + Add Layout Template.
Name the layout template, select the default HTML, and overwrite it with the HTML you paste in.
Insert your org’s Qualified JavaScript snippet at the bottom of the header of the HTML layout template, immediately before the closing </head> tag, as shown here:
Click Save at the bottom of the layout template to save it in the folder you selected.
Any Pardot landing pages built with this Pardot layout template will run the Qualified JavaScript snippet on them.
Adding the Snippet to Pardot Landing Pages
(Stock Templates)
Pardot landing pages can also be created by using one of Pardot’s stock landing page templates and updating a copy of the template with the Pardot WYSIWYG landing page builder. The following is a high-level overview of how to add the JavaScript snippet to a landing page built from a Pardot landing page template.
In the Salesforce App Launcher, select the Pardot Lightning app.
On the Content tab in the Pardot Lightning app, click Landing Pages in the left side-bar.
Click + Add Landing Page.
Name the landing page and click Next.
Indicate whether or not you want to include a form (new or existing) with your landing page and click Next.
On the Content Layout page, switch the radio button to Stock Templates, click to select the stock template you want, and click Next.
Note: If you are using your own HTML, you would leave the radio button on My Layout Templates and select the Layout Template you built from the drop-down (see the previous section of this article).
Once you have edited the copy of the template in the WYSIWYG editor, click page options in the upper right of the screen.
Click edit next to Scripts in the resulting dialog.
Paste in the Qualified JavaScript snippet and click Done.
Click Done again on the page options dialog to close it.
Click Next to go to the last screen of the Page Content editor.
Click Confirm & Save to commit your changes to the copy of the Pardot landing page template.
Once this landing page is added to your website, the Qualified JavaScript snippet will run on it, tracking any visitors to that page.
Setting Up Pardot Tracker Domains for Your Landing Pages
By default, Pardot content, such as a landing page, is hosted on the https://go.pardot.com domain (or https://go.demo.pardot.com for a development environment). That means that the actual web address (URL) of your Pardot landing page is something like:
In order to keep your Qualified JavaScript snippet on your Pardot landing pages distinct from those of other companies using Pardot-hosted landing pages, it is necessary for you to configure one or more Pardot tracker domains with a name that is unique to your organization. The Pardot help documentation provides the steps to set this up with your webmaster. See Add a Tracker Domain.
Once you have your company’s tracker domains configured in Pardot according to the instructions in the above link, verify that your tracker domain is validated and enabled in Pardot.
In the Salesforce App Launcher, select the Pardot Lightning app.
On the Pardot Settings tab, click Domain Management in the left sidebar.
On the Domain Management page, verify that the tracker domain is validated, enabled, and (optionally) the primary domain for your organization.
It is also useful to set it as your primary domain so that all landing pages will have it selected by default when you create them.
To make an existing tracker domain the primary domain, click the gear icon to the right of the tracker domain in the Domain Management page and select Set as Primary from the resulting drop-down actions.
When building a landing page, the Tracker Domain field will default to the one that is set as the primary and can be changed by selecting the drop-down arrow to the right and choosing from active tracker domains.