Script Tag to Checkout UI Extension

Retired Boards Appdev Extensions
1

Hello,

We currently have an application that integrates a JS script through a Script Tag on the ‘thank you’ page of our app users’ Shopify stores. This script introduces a feedback “widget” on the page, allowing customers to leave feedback about their purchase.

However, it appears that the new checkout that use Checkout Extensibility do not support Script Tags. In reviewing Shopifys new Checkout UI extensions, I’m wondering if we are now limited to using only the Shopify provided Components listed here https://shopify.dev/docs/api/checkout-ui-extensions/2024-01/components.

Does this mean we are unable to add custom HTML to the page as we could with a script tag?

Additionally, we are facing an urgent situation where merchants who have switched to the new Shopify checkout system can no longer use our app. This has put us in a mad rush to adapt our application to be compatible with the new checkouts.

Any help would be much appreciated.

2

Hi JTD,

There are a number of intentional limitations with checkout extensions, to ensure the checkout remains secure for customers and merchants. For example you don’t have access to the window object for adding content to the DOM, as well as using the Script Tag API. You will need to leverage the available components that are listed in our docs to recreate your app for use with checkout extensions.