Install Privy on Your Site

You must install a unique Privy code on your website to show your displays to visitors and track your website events, such as display views, in your Privy account. Before attempting the manual install outlined in this guide, please review these platform-specific instructions: BigCommerce, HubSpot, Shopify, Squarespace, Weebly, Wix, and WordPress.org. 

Manual install

Follow the steps below to install your Privy code. 

• In Privy, click the Account option from the navigation. Your business name appears there. 
• Select the Business Information option from the dropdown menu. 
• In the sidebar, select Privy Code under the Business Settings section. 
• Locate and select the Default or Asynchronous tab to reveal its details. The default code is the preferred method to install Privy and will allow it to load in line with everything else on your site. Meanwhile, the asynchronous code will load Privy last. 
• Copy the selected code and include the snippet on each page you'd like to show a display or track events. Place it before the closing </head> tag whenever possible. 

Verify the installation

The Privy code allows you to show your displays to visitors and monitor your website's events (e.g., display views). If your displays aren't triggering properly or event information is missing, verify that the code is installed and firing correctly:

• Select the Account option from the navigation bar in Privy. Your business name appears here. 
• Select the Business Information option from the dropdown menu. 
• In the sidebar, select Privy Code under the Business Settings section. 
• In the Installation Guides section, locate and copy your account identifier. 
• Open a page on your website and right-click anywhere on the page.
• In the dropdown menu, select View page source or View source.
• Use CTRL-F or CMD-F to search for the identifier that you copied.

• If the code appears, verify that it has been copied and pasted correctly from your settings.
• Open a page on your website and right-click anywhere on the page.
• In the dropdown menu, select Inspect Element or Inspect. A toolbar will appear at the bottom or side of your screen.
• Click the Network tab, then refresh your page. 
• Click the Name column to sort the elements alphabetically, then look for widget.js. 
• Next to widget.js, you should see 304 Not Modified or 200 OK in the Status column.

If you see any other status or the .js code is not found, your tracking code may not be firing correctly. Contact Support for further troubleshooting steps and assistance.