Install Pipeline On by platform

Install Pipeline On by platform

Use this guide when you already copied your Pipeline On ID tag and need to add it to your website builder, CMS, or tag manager.

Your ID tag is the one-line website tag shown inside Pipeline On. It starts with the Pipeline On script URL and includes your site-specific data-po-tag  value.

Copy the real tag from Pipeline On. Do not rebuild it by hand.

Before you start

  1. Open Pipeline On.
  2. Go to the Install page for your site.
  3. Copy the full ID tag exactly as shown.
  4. Add it once, globally, so it loads on every public page you want measured.
  5. Save and publish the website changes.
  6. Return to Pipeline On and click Verify tag.

If a web person manages your site, use the Send the code to my web person option from the Pipeline On install screen.

Google Tag Manager

Use this if your site already has Google Tag Manager installed on every page.

  1. Open Google Tag Manager.
  2. Choose the container for this website.
  3. Click Tags.
  4. Click New.
  5. Click Tag Configuration.
  6. Choose Custom HTML.
  7. Paste your Pipeline On ID tag into the HTML box.
  8. Click Triggering.
  9. Choose All Pages.
  10. Save the tag.
  11. Click Submit, then Publish.

Important: Preview mode does not update the live website. You must publish the container.

If your cookie banner controls Google Tag Manager, ask your web person whether the Pipeline On tag should fire only after the visitor accepts the relevant consent category.

WordPress

WordPress does not include a built-in global header code box on most sites, so the simplest route is a header/footer code plugin.

WordPress WPCode header and footer screen

  1. Open your WordPress dashboard.
  2. Go to Plugins, then Add New.
  3. Search for WPCode.
  4. Install and activate WPCode.
  5. In the left menu, open Code Snippets, then Header & Footer.
  6. Paste your Pipeline On ID tag into the Header box.
  7. Click Save Changes.
  8. Visit the public website in a fresh tab, then return to Pipeline On and verify the tag.

If your theme already has a global header scripts area, you can use that instead of WPCode. The important part is that the tag loads once on every public page.

Squarespace

Squarespace supports global code injection on Business and Commerce plans.

Squarespace code injection screen

  1. Open your Squarespace site settings.
  2. Go to Settings, then Advanced, then Code Injection.
  3. Paste your Pipeline On ID tag into the Header box.
  4. Click Save.
  5. Open the live website in a fresh tab, then return to Pipeline On and verify the tag.

If the Code Injection screen is not available, check your Squarespace plan or ask your web person to install the tag another way.

Shopify

Use this for a standard Shopify theme install.

Shopify customer events custom pixel screen

  1. Open your Shopify admin.
  2. Go to Online Store, then Themes.
  3. On your live theme, click the three dots.
  4. Click Edit code.
  5. Open theme.liquid  under Layout.
  6. Paste your Pipeline On ID tag right before the closing head tag.
  7. Click Save.
  8. Open the live storefront in a fresh tab, then return to Pipeline On and verify the tag.

Do not paste the tag only into checkout or a draft theme. It needs to run on the public storefront pages where visitors browse before calling or submitting a form.

Wix

Wix custom code requires a paid Wix plan with a connected domain.

Wix custom code modal

  1. Open your Wix dashboard.
  2. Select your site.
  3. Go to Settings.
  4. Open Custom Code under Developer Tools.
  5. Click Add Custom Code.
  6. Paste your Pipeline On ID tag.
  7. Name it Pipeline On.
  8. Set Add Code to Pages to All pages.
  9. Set Place Code in to Head.
  10. Click Apply.
  11. Publish if Wix asks you to publish changes.

After that, visit the live site and verify the tag in Pipeline On.

Webflow

Webflow custom code requires a paid Site plan, and changes do not go live until you publish.

Webflow custom code head code screen

  1. Open your Webflow dashboard.
  2. Open the project for this website.
  3. Open Project Settings.
  4. Go to Custom Code.
  5. Paste your Pipeline On ID tag into the Head Code box.
  6. Click Save Changes.
  7. Publish the site.
  8. Open the live site in a fresh tab, then return to Pipeline On and verify the tag.

If the tag only appears in the designer preview, it has not been published yet.

Other website builders

Use the global custom code, header code, or sitewide head area in your builder.

  1. Open the website builder or codebase.
  2. Find the sitewide header, custom code, or head area.
  3. Paste your Pipeline On ID tag once.
  4. Save and publish.
  5. Visit the live website.
  6. Return to Pipeline On and verify the tag.

If you are using an AI agent, copy the agent prompt from the Pipeline On install page. It tells the agent to place the exact tag inside the sitewide head and report which file it changed.

What not to change

  • Do not change https://pp-n.com/p.js .
  • Do not change the data-po-tag  value.
  • Do not remove async  or defer .
  • Do not paste the tag more than once.
  • Do not install it only on a draft, preview, checkout, admin, or staging page.

When to contact support

Contact support if the tag is installed on the live site, you visited the live site after publishing, and Pipeline On still does not verify it.

Include:

  • Website domain.
  • The exact page URL where the tag is installed.
  • The platform you use, such as WordPress, Webflow, Shopify, Wix, Squarespace, or Google Tag Manager.
  • A screenshot of where the tag was added, if available.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us