Retrieve the click event of the pay button in checkouts

Shopify Discussion
, , , ,

Topic summary

A user needs to track clicks on the “Pay Now” button (ID: checkout-pay-button) on Shopify’s checkout page using a custom Shopify pixel and client events, avoiding direct modifications to the order status page.

Proposed Solution:

  • Use Shopify’s Web Pixels API with a custom pixel
  • Subscribe to the clicked event and filter by the checkout-pay-button ID
  • Implement through the Customer Events section

Potential Issues:

  • Button ID may vary across implementations
  • Event firing might require adjustments

A respondent offered detailed code and assistance if troubleshooting is needed. The discussion remains open for implementation feedback.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
2

Pabloceval,

I see you’re trying to track clicks on the “Pay Now” button in Shopify’s checkout without touching the order status page smart move! You can totally do this with a custom Shopify pixel using the Web Pixels API. The trick is subscribing to the clicked event and filtering for the checkout-pay-button ID. I’ve laid out a detailed solution above with code to get you started it’s straightforward once you set it up in the Customer Events section. You’ll have it logging or sending data in no time! That said, if the button ID varies or you hit a snag with the event firing, it might need a tweak. I’d be happy to jump in and help you nail it down if you run into any trouble just let me know!