Skip to main content
Skip table of contents

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

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

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.