A unique Privy code must be installed on your Shift4Shop website to display your campaigns and track your website events (e.g., campaign views). If you're using a different provider, please review the instructions outlined in this guide instead.
Note: These instructions may vary from theme to theme. If you need additional assistance, please contact Shift4Shop Support.
Install the code
Follow the steps below to copy and install your code. If you've already attempted the installation, learn how to verify the installation.
- 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 copy the default code listed in the Install the Code Myself section.
- Log into your Shift4Shop online store manager.
- Using the left-hand navigation menu, go to Settings >Design >Themes & Styles.
- Look for the Edit Template section and click on the Open Template Editor button.
- You will see a listing of the templates used by your store's selected theme. Within the list of templates, you should see one labeled frame.html. Click on the frame.html template to open it up in the Template Editor.
- Within the HTML coding look for the closing head tag which will look like this:
</head>
- Place the copied Privy code immediately before the closing </head> tag.
- Click Save at the top right of the page to commit your changes.
Verify the installation
The Privy code allows you to display your campaigns and monitor your website's events (e.g., campaign views). If your campaigns aren't displaying properly or event information is missing, verify that the code has been installed and that it's firing correctly:
- 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.
- 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.
If the Privy code does not appear or is incorrect, follow these steps to install it properly. If your code appears and has been copied and pasted correctly, verify that it's firing:
- 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.