Zapier no longer fires on new order status page

On 2/17/2023 at 4:53 PM, kellyhutsbydesigns said:

Squarespace instructed to migrate this code to the new order status page as it's replacing the confirmation page and the zaps no longer fire.

At first sight, I can see that your relies on jQuery. On the Order Status Page, header and footer injections don't load (this is a change to the Order Confirmation Page) so you'll probably need to load this library from the footer within the Order Status Page panel if you want the code to run. There may be other things to check.

Note: This new post checkout functionality is brand new and so further changes are highly likely over the next few weeks. This could mean that the header code injection is loaded in future.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi Paul, thanks for taking the time to answer. You're spot on that a header doesn't load so it makes total sense that it's not working. However, I added the Jquery to the footer code and it's still not firing the zaps.

I can see the code on the Order Status page, but - as you pointed out - there's no footer as such, the code injection is loading in the page body but it's after the section labelled js-visible, so am I right to surmise that that the footer injection isn't visible and that's why it's not working? 

Is there any way we can force that script higher up the page? And would it make a difference? Or is it just a site-tight and wait and see what happens with the Order status page as it potentially changes over the coming weeks?

@paul2009 Oops - forgot to attach the screen shot!

34 minutes ago, kellyhutsbydesigns said:

I added the Jquery to the footer code and it's still not firing the zaps.

OK. I see you've fixed this issue but there are others that I couldn't see easily when I looked at your screenshot from a small device previously. 

Now I'm at a desk, I can see that script hasn't been modified yet. For it to work with the Order Status page, you'll need to make a number of small tweaks as the markup of this page is completely different to the previous page, with new classes, new IDs and a different structure.

For example, to get you started, the second line of script is looking for the element with the ID #email on the Order Confirmation page. On the Order Status page, this element has the ID #customer-email-address so you'll need to look for this instead. As I said, this will be the first of many small tweaks 🙂.

Did this help? Please give feedback by clicking an icon below  ⬇️