Skip to content
  • There are no suggestions because the search field is empty.

Global | How to Install ArchiPro Pixel

Find out how to install ArchiPro Pixel on your website and start seeing the journeys that lead to action.

What is ArchiPro Pixel?

ArchiPro Pixel is a lightweight piece of code that connects activity on your ArchiPro profile with what happens next on your website.

Without it, website visits and enquiries can look disconnected from the ArchiPro profile that inspired them. Pixel closes that gap, revealing the longer journey from discovery to return visits, meaningful actions and project enquiries.

With Pixel installed, you gain clearer attribution, richer customer journey insights and stronger evidence of the value ArchiPro is creating for your business. It helps you identify what is already working and where to invest next.

Consider it a set of digital footprints across ArchiPro and your website. Learn more about ArchiPro Pixel.

 

Before you get started

  • Copy the complete Pixel code from your own ArchiPro account.
  • If your website uses a consent platform, configure Pixel as an analytics tag.
  • Test the installation before publishing it to your live website.

Where to find the ArchiPro Pixel code

Within Business Manager, head to the Tools > Analytics tab, then click ArchiPro Pixel.

Scroll down this page and find the Copy this code section. Highlight and copy the code to install ArchiPro Pixel by using one of the following methods below. The ArchiPro Pixel installation should take a maximum of 10-15 minutes.

code

Ways to install ArchiPro Pixel

Please get in touch with your Client Director if you're not using one of the following platforms for your website. 

Jump to your platform:

  1. Google Tag Manager
  2. WordPress / WooCommerce
  3. Squarespace
  4. Wix
  5. Shopify
  6. RocketSpark
  7. Adobe Experience Platform Tags

Google Tag Manager

If you already use Google Tag Manager for tools such as Google Analytics, Meta or Hotjar, ArchiPro Pixel can be added through the same container.

  1. Open the correct container at Google Tag Manager.
  2. In Workspace, select Tags, then New.
  3. Name the tag ArchiPro Pixel.
  4. Choose Custom HTML and paste the complete Pixel code from Business Manager.
  5. Choose the pages where Pixel should run.
  6. Apply the analytics consent requirements used by your website.
  7. Use Preview to confirm the tag loads and sends activity.
  8. Save, submit and publish the container.

See Google's Tag Manager setup guidance if you need more help.

Adobe Experience Platform Tags

ArchiPro Pixel does not require a native Adobe extension. You can add it as custom code and keep your existing Adobe Analytics implementation unchanged.

  1. Open the correct Property in Adobe Experience Platform Data Collection.
  2. Create a Rule and add a Custom Code action.
  3. Paste the complete ArchiPro Pixel code.
  4. Apply the condition from your consent platform.
  5. Test the Rule in a development Library.
  6. Publish the Library when testing is complete.

Pixel events appear in ArchiPro Analytics, while your Adobe Analytics reporting continues independently.

WordPress / WooCommerce

The header code injection is a direct way to install the ArchiPro Pixel code to your WordPress or WooCommerce site. 

If you are unsure how to do this, it may be best to consult with your website team/developer about installing the ArchiPro Pixel code. Or alternatively, ask your Client Manager to help if you're stuck.

It will take a quick 15 minutes for your web team to insert the header code. 

See instructions from WordPress:

How to Add Code to WordPress Header and Footer With a Plugin

How to Manually Add Code to WordPress Header and Footer

Squarespace

Code injection is a direct way to install the ArchiPro Pixel code to your Squarespace site. 

If you are unsure how to do this, it may be best to consult with your website team/developer about installing the ArchiPro Pixel code. Or alternatively, ask your Client Manager to help if you're stuck.

It will take a quick 15 minutes for your web team to insert the header code. 

See instructions from Squarespace:

Using Code Injection on Squarespace

Wix

Directly embed your ArchiPro Pixel code on your Wix site. 

See instructions from Wix:

Embedding Custom Code on Your Site

  1. Go to Settings in your site's dashboard.
  2. Click the Custom Code tab in the Advanced section.
  3. Click + Add Custom Code at the top right.
  4. Paste the code snippet in the text box. 
  5. Enter a name for your code.
    Tip: Give it a name that is easy to recognize so you can quickly identify it later. 
  6. Select an option under Add Code to Pages:
    1. All pages: This adds the code to all of your site's pages, including any new pages that you create in the future. Choose whether to load the code only once per visit, or on each page your visitor opens.
    2. Choose specific pages: Use the drop-down menu to select the relevant pages.
  7. Choose where to place your code under Place Code in:.
    1. Head
    2. Body - start
    3. Body - end
  8. Click Apply.

Shopify

The method of installing ArchiPro Pixel on a Shopify website is similar to the Header code injection method. Follow the steps below and watch the video to learn how.

  1. Navigate to the Themes section in the Online Store menu in your Shopify Store.
  2. Click on Edit HTML/CSS or Edit Code in the Actions drop-down menu of the Current Theme section.
  3. Click on “theme.liquid” in the Layout section.
  4. Paste the ArchiPro Pixel code just before the </head> tag and click Save.

RocketSpark

This support guide will show you how to add tracking or third-party scripts to your Rocketspark website, including options like Adwords Tracking, Facebook Audience Tracking, Facebook Pixel, and more.

Please click this link to be redirected to the Rocketspark article about installing Pixel Tracker.

 

Content Security Policy

If your website uses a Content Security Policy, ask your developer to allow the domains for your market:

  • New Zealand: pixel.archipro.co.nz and archipro.co.nz
  • Australia: pixel.archipro.com.au and archipro.com.au
  • United States: pixel.archiproamerica.com and archiproamerica.com

This allows the Pixel script to load and securely send website activity to ArchiPro.

How do I know if ArchiPro Pixel is installed correctly?

You can find your 'tracking status' on the top right of your ArchiPro Pixel installation page, as shown in the image below. If the status is green with the title Tracking, the code is installed, if the status is grey with the title Not tracking, it has not been installed. It may take some time for the status to turn green after installing the code.

Not Tracking:

 

Tracking:

 

If you need additional help, take a look at our article, Support for ArchiPro Clients: Your Guide to Getting Help, to explore the best next steps.

 

Last Edited May, 2026