Even if you are using the Triple Pixel App Embedment method for your Shopify store, third-party landing pages (such as Zipify, Unbounce, or ActiveCampaign) pose a unique challenge. Because those pages technically are hosted outside of your Shopify store (even though your site visitors may not notice it), Triple Whale does not have the visibility to know they exist, nor the permissions needed to write code to those pages.
Don't worry: it's simple to manually install the Triple Pixel to those landing pages. With a few minutes of work, you can track visitor events on those pages along with the rest of your Shopify store using Triple Whale.
Get Started
Because each third-party landing page app is different, we've highlighted the process for just a handful of popular apps below:
They all follow the same general guidelines. Copy and customize our Triple Pixel script, and paste it into the <head> tags of your third-party landing page. However, if you do have a site manager on your team who is more comfortable dealing with Javascript code, we'd recommend sending them these instructions.
Related Articles:
For installing the Triple Pixel on a third-party Checkout, click here.
For installing the Triple Pixel on a front-end Headless Shopify store, click here.
For manually installing the Triple Pixel on a standard Shopify store, click here.
Zipify:
In Zipify, head to Settings -> Global Scripts. In the Landing Page Scripts section, click "Add New".
NOTE: If you are using other Zipify page types (aside from Landing Pages), you will need to follow the subsequent steps for each type of page.
Copy the Third-Party Landing Page script provided on the Pixel Settings page.
Paste the code into the script area.
Click Save.
Lastly, confirm that every Landing Page you have created is configured to use those Global Scripts we just created.
From the landing page editor, click the code editor symbol.
Ensure that both scripts are marked ON.
Click Save.
Click Update on the page, to ensure your changes are published.
Unbounce
Adding the Triple Pixel to an Unbounce page takes just two easy steps, and can only be accessed when using Unbounce's 'Classic' builder.
Open your Unbounce Landing Page Editor, and select Javascripts.
Select Add Script to this Variant.
Name the script, and select Head as the Placement.
Copy the Third-Party Landing Page script provided on the Pixel Settings page.
Paste the code into the custom script area.
Click "Done".
Instapage
From the page builder, select the Javascript setting situated on the right sidebar.
Select Header.
Copy the Third-Party Landing Page script provided on the Pixel Settings page.
Paste it into the script area.
Click Save.
Shogun
Some landing page builders, such as Shogun, natively integrate within the page structure of your Shopify site and do not require our headless code snippet for tracking.
Don't see your Landing Page here? Reach out to their Support team or check their Knowledge Base for documentation on installing a Pixel into the header of their landing pages.