Hello ^^,
Currently, I have a custom JavaScript code in the checkout.liquid file. I am looking to implement a new feature on the checkout page. I am about to switch to Checkout customization, but I cannot find a way to add that custom code to the checkout page anymore. Could someone help me fix this issue?
Tien M
Hello,
You would need to create a Checkout Extension to inject the code
Thanks @jordanholmes
I tried to use Checkout UI extensions, but I couldn’t find any way to add the script. The extensions only allow adding their components, and there is no option to add custom scripts. Can you help me by specifying which components I should use?
It depends what code you’re adding.
The UI components are for visual additions to the checkout but can also contain logic - upsells etc.
If you are just wanting tracking data then you can use a web pixel extension instead.
You basically need to create different extensions depending on what you need. As you are adding to the checkout then I’m just guessing that the Checkout UI Extension is what you will need.
You can look at the different types here List of app extensions (shopify.dev)
Important to note that extensions are basically small applications that you would write on your local development computer and then push to Shopify - rather than adding it somewhere in the admin