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}&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:

  JavaScript

  <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:

  JavaScript

  <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