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:
<script type="text/javascript" async crossorigin="anonymous" src="https://${GERMAIN_UX_URL}/config/download/file/agents%2Fwebux%2Fgermainapm.js?appName=${APP_NAME}&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}&defaultProfileName=Shopify"></script>
${GERMAIN_UX_URL}
: Your Germain UX hostname${APP_NAME}
: Your Shopify’s shop nameClick Save changes
Recharge (Custom Checkout)
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}&defaultProfileName=Shopify"></script>
${GERMAIN_UX_URL}
: Your Germain UX hostname${APP_NAME}
: Your Shopify’s shop nameClick Save
Component: RUM JS
Feature Availability: 2024.2 or later