In the spring of 2023, Shopify released a new checkout module called Enhanced Checkout. While this checkout provides a lot of opportunities for eCommerce companies, unfortunately it is incompatible with the NoibuJS script. Fortunately, Noibu has created a new script to gather essential events from the Enhanced Checkout, which allows you to collect the same error and revenue loss information you've come to expect from the Noibu console.
When installed properly, the Noibu pixel will activate on all checkout pages, where the general Noibu script may be blocked. Ensure you Deploy the NoibuJS Script before setting up the webpixel.
- Log into the Shopify admin console, and select Settings.
- Select Customer Events.
- Click Add Custom Pixel.
- Enter the name
noibu-pixel, and paste in the code below:(()=>{let t=api.init.context.document.location;if(t.pathname.toLowerCase().startsWith("/checkouts/")){window.noibuShopifyProxy={api};let e=document.createElement("script");e.setAttribute("src","https://cdn.noibu.com/collect-shopify.js?referer="+t.origin),document.head.append(e)}})(); - Click Save.
- Click Connect, and Connect once again in the confirmation modal.
Deploying the Noibu script through a tag manager–like Google Tag Manager, Adobe Launch, or Tealium IQ–may follow a different process.