3rd-Party Checkouts Monitoring for Shopify (Configure)

Features

Here are details on how to configure Germain UX for Shopify’s 3rd-party checkout solutions. Please contact us for integration with others.

Checkify

Go to https://admin.checkify.pro/admin/advanced-settings/scripts
Select Script in header for the desired type
Choose Both for checkout and Thank You pages for the page (destination)
Set Germain UX as the script a name
Add the following script and replace two placeholders mentioned below:

JS

<script type="text/javascript" async crossorigin="anonymous" src="https://${GERMAIN_UX_URL}/config/download/file/agents%2Fwebux%2Fgermainapm.js?appName=${APP_NAME}&amp;defaultProfileName=Shopify"></script>

${GERMAIN_UX_URL}: Your Germain UX hostname
${APP_NAME}: Your Shopify’s shop name

Click Save changes

Funnelish

In the Funnelish app, go to the All Funnels tab
Pick a funnel where you want add our Gemain UX monitoring to
Click Custom codes and create a new code
Select Page Head

Add the following script and replace two placeholders mentioned below:

JS

<script type="text/javascript" async crossorigin="anonymous" src="https://${GERMAIN_UX_URL}/config/download/file/agents%2Fwebux%2Fgermainapm.js?appName=${APP_NAME}&amp;defaultProfileName=Shopify"></script>

${GERMAIN_UX_URL}: Your Germain UX hostname
${APP_NAME}: Your Shopify’s shop name

Click Save changes

Recharge (Custom Checkout)

Go to https://admin.rechargeapps.com/admin/login
Select Storefront > Checkout
Click Custom codes and create a new code

Add the following script to the Thank you Page field and replace two placeholders mentioned below:

JS

<script type="text/javascript" async crossorigin="anonymous" src="https://${GERMAIN_UX_URL}/config/download/file/agents%2Fwebux%2Fgermainapm.js?appName=${APP_NAME}&amp;defaultProfileName=Shopify"></script>

${GERMAIN_UX_URL}: Your Germain UX hostname
${APP_NAME}: Your Shopify’s shop name

Click Save

Component: RUM JS

Feature Availability: 2024.2 or later