I’ve been using the Additional Scripts box on the checkout settings to display a content box based on order tags and fulfilment status.
It says ‘Additional scripts is deprecated. your current customizations, then recreate the customizations you want to keep using pixels in [customer events] and app blocks in the editor.’
I can’t seem to find any examples of how to migrate this using either pixels or app blocks - is it possible?
I am not using Shopify Plus.
Here’s the code:
<script>
const tags = {{ checkout.order.tags | json }};
const fulfillment = {{ checkout.order.fulfillment_status | json }};
let progress_message = '';
if (fulfillment == 'partial') {
progress_message = 'Orders with multiple items are manufactured and shipped separately as soon as possible.<br><br>Your mats still in production are ';
}
if (fulfillment == 'unfulfilled') {
progress_message = 'Your mats are ';
}
if (progress_message) {
if (tags.includes('x READYFORSHIPPING')) {
progress_message += 'packed and on their way to Evri. You will be emailed your tracking links shortly.';
}
else if (tags.includes('x EMBROIDERY')) {
progress_message += 'now being embroidered.';
}
else if (tags.includes('x SEWING_MACHINIST')) {
progress_message += 'currently being sewn.';
}
else if (tags.includes('x CUTTER')) {
progress_message += 'being expertly cut by a CNC cutting machine to fit your vehicle.';
}
else {
progress_message += 'ready to go into production. Our team are getting ready.';
}
Shopify.Checkout.OrderStatus.addContentBox(
'<div class="text-container"><h2>Order status</h2><p>' + progress_message + '</p></div>'
)
}
</script>
You would only need to have a Plus account if you were trying to add UI Extensions to the actual checkout itself. But much like additional scripts allowed, any plan is able to add UI Extensions to the Thank You and Order Status Page (there is a note of this availability here).
Following your direction, and with hope we won’t need a Plus subscription, I tried creating a Checkout UI Extension for our Thank You page to include the Google Opt-In Customer Review script, however no matter what we tried, we couldn’t find a way to inject the script into the page. On further investigation, we found that as of 1 Feb 2025 ScriptTags on Thank you and Order Status pages can no longer be created, which I assume prevents us from injecting the Google opt-in script, or any other content in a page.
Are you able to confirm this is the case, or have we missed something? Without scripting the only other way we think this might work is including a parameterised link to another server that executes the script, which is not great for UX, as they now have to agree to the survey twice.
You’re correct that Script Tags are no longer supported, and because Ui Extensions are sandboxed, you can’t directly inject the script into the page, nor is the a “script container” like Ui Component. Ideally Google would build their own Ui Extension to handle this, but in any case we recognize this isn’t an ideal situation.
Interacting with the existing script using the available Ui Components would be quite challenging. You aren’t alone with this particular challenge though.
I’m sure you were hoping for a better immediate solution, but I hope this helps clarify things at least.
@JohnKing this is a reply I made to another topic about Google Customer Reviews - Shopify holds the keys to the Sandbox Kingdom, why is this being framed as a “Google” problem?
This is a HUGE oversight on Shopify’s part. The Google Customer Review program is supposed to be free but it appears the only way to get this to work at this point in time is to pay for a checkout extension app which puts Shopify Merchants at a disadvantage. Shopify has a large percentage of merchants that are small businesses and we already operate on razor thin margins.
Ideally this should be included in the Google & Youtube sales channel. I expect the LOE for that would not be tiny since there would need to be a lot of regression testing to ensure that other functionality in the app was not impacted.
Could Shopify offer a free, interim solution using the same method as the paid apps to at least put your merchants back on a somewhat level playing field with the rest of the world? Based on the research I have been able to do on this method, it does not appear to be ideal because it adds an additional step that requires the customer to click a CTA in an app block on the thank-you page that then directs to a proxy page that hosts the Google opt-in script. Any additional friction that is added to a customer journey usually results in a drop-off of engagement.
Maybe it doesn’t even need to be an interim solution. Since the main reason for going to the Pixels in a Sandboxed environment was to increase security and restrict third-party scripts during the checkout process, Shopify could adjust the Sandbox permissions to allow very specific external scripts and implement some type of security around them to ensure they have not been altered in flight.
I’m sure there are other potential solutions, but NO solution is really not an acceptable answer.