Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.
Solved

Extensibility Compatibility w/ Third Party Libraries

ecbLR
Tourist
6 0 0

High-level question:
Our team is transitioning from `checkout.liquid` to checkout Extensibility, and we need to replicate our existing third-party analytics customizations with extensions using the new web pixel API. 

Our research suggests that some third-party browser-based tooling ( such as Amplitude JS ) may no longer be compatible with Extensibility, given that these tools expect access to the DOM and the usual suite of browser APIs, which Shopify no longer exposes through the sandbox environment. 

We want to understand if our general interpretation is accurate without going too deep into specifics. 

Screenshot 2024-01-02 at 4.04.09 PM.png

Screenshot 2024-01-08 at 12.24.42 PM.png

Accepted Solution (1)

Liam
Shopify Staff
2602 281 716

This is an accepted solution.

Hi, 

 

"third-party browser-based tooling ( such as Amplitude JS ) may no longer be compatible with Extensibility, given that these tools expect access to the DOM and the usual suite of browser APIs, which Shopify no longer exposes through the sandbox environment."

 

^This is correct - checkout extensions do not have access to window and document objects since they are loaded in a restricted environment. 

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

View solution in original post

Replies 2 (2)

Liam
Shopify Staff
2602 281 716

This is an accepted solution.

Hi, 

 

"third-party browser-based tooling ( such as Amplitude JS ) may no longer be compatible with Extensibility, given that these tools expect access to the DOM and the usual suite of browser APIs, which Shopify no longer exposes through the sandbox environment."

 

^This is correct - checkout extensions do not have access to window and document objects since they are loaded in a restricted environment. 

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

ecbLR
Tourist
6 0 0

Thanks for confirming this for us, @Liam. Appreciate it.