Even if you are using the Triple Pixel Auto-Install method for your Shopify store, third-party checkouts (such as BetterCart, Recharge Custom, or Upscribe) 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 your third-party checkout. With a few minutes of work, you can track conversions on those pages along with the rest of your Shopify store using Triple Whale.
Get Started
Because each third-party checkout 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 checkout 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 Landing Page, 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.
We have verified some popular checkout apps and ensured Triple Whale supports them. If you don't find your checkout solution in the list below, don't hesitate to contact the Customer Support team.
Better Cart
Open the Better Cart app within your Shopify store. Click the "Settings" button from the left-side navigation menu then scroll down to "Custom Scripts".
Click the Create Custom Script button on the right side of the screen. You will then be presented with a modal where you can select where the script will be placed as well as the area to paste your custom scripts.
Select "Thank You Page" in the dropdown, and enter a Name (ideally one you would recognize, e.g. "Thank you page").
Copy the Third-Party/Custom Checkout script provided on the Pixel Settings page.
Paste the script into the code field.
Click "Create".
Recharge (custom checkout)
The Recharge app has two checkout solutions:
a Shopify one (default for anyone signing up with Recharge since 2020), and
a custom Recharge one.
Triple Whale automatically supports the Shopify Recharge checkout. The below solution is ONLY for the custom Recharge checkout.
Click Storefront in your merchant portal and select Checkout.
Copy the Third-Party/Custom Checkout script provided on the Pixel Settings page.
Paste the code into the Thank you page text box.
Click Save.
Upscribe
Copy the Third-Party/Custom Checkout script provided on the Pixel Settings page.
Send the script to your Upscribe.IO support rep and ask that they install it in your checkout.
Checkify
In Checkify, head to your Script Settings.
Select the desired type: Script in the header.
Choose the page (destination) where you want to add the script: Only for Thank You page.
Give the script a name by filling in the Script title.
Copy the Third-Party/Custom Checkout script provided on the Pixel Settings page.
Paste the code into the provided field. However, please edit the portion of the code with the
<DYNAMIC_EMAIL_HERE>with the approved parameters from Checkify's dynamic email portion ofemail = {email_chk}Click Save Changes.
Funnelish
Open the Funnelish “All funnels” page. Click the funnel you want to add the Triple Pixel to.
On the bottom left of the next page, click on the “Settings” gear button.
Click on “Custom codes” under the Custom codes section. Select the “Create a new code” button.
Rename the code to your liking in the “Name” textbox. Uncheck “Lazy Load” so it is off. Select “Append to page head.”
Copy the Third-Party/Custom Checkout script provided on the Pixel Settings page.
Paste the code into the custom script area.
Click Save changes.
Checkout Champ
First, you will need to activate Triple Whale as a Data Source in Checkout Champ.
In the CRM app, navigate to Admin → Plugins → Data Sources.
Click on the Triple Whale tile and click the green “Activate” button.
Click the green “Connect” button to complete the Plugin activation.
Next, you will need to ensure that each page/funnel has tracking enabled.
In Checkout Champ, select any funnel
Choose Settings → Tracking Pixels
Check the "Enable" box underneath Triple Whale at the bottom of the page
Publish the funnel
The Triple Whale tracking script is automatically added when the live page is loaded.
For more information, please visit the Checkout Champ help center documentation, here.
Global-E
Copy the Third-Party/Custom Checkout script provided on the Pixel Settings page.
Send the script to your Global-E technical support rep and ask that they install it in your checkout.
Don't see your Checkout here? Reach out to their Support team or check their Knowledge Base for documentation on installing a Pixel script into the header of their checkout pages.