JS IFrame Web Development Project

Hi all, Here's the quick version of our ask. We operate [login to view URL], which is currently taking pre-orders Our frontend is on shopify, via custom theme. our backend is on BackerKit, which handles order flow, inventory, logistics. A widget is installed from BackerKit into all the preorder buttons on the site "[login to view URL]", which allows you to checkout on backerkit without navigating away from our site. However, we can't tag any of the events (for tracking purposes) within the widget for facebook pixel due to backerkit having a closed development structure. This problem cannot be fixed on their side. We need a developer to code an iframe in JS that works on each instance of the widget firing, that tracks the specific funnel steps. Success looks like the Facebook Pixel being able to track each of the key funnel steps: View Content (click pre-order button) Add to Cart (Add a specific product to cart) Initiate Checkout (Proceed to Checkout) Purchase (Complete Purchase). You'll need to identify the elementID in each frame of the widget. Event tagging and information on the install are locked in.