MakePay “Pay with Crypto” Button on Shopify Cart Page – Checkout Link Not Opening Correctly

Technical Q&A
1

Hi everyone,

I’m trying to add a custom “Pay with Crypto” button to my Shopify cart page using MakePay.io.

The goal is to let customers click the button from the cart page, take the current Shopify cart subtotal, create a MakePay crypto payment / checkout session, and then redirect the customer to the hosted checkout page or open the embedded checkout to complete the payment.

The button itself appears correctly and the click event is working, but the checkout is not being created/opened as expected. Instead, the script returns a generic error such as:

“Your account setup is not completed. Please try again.”

Here is the basic button structure I’m using, with API details removed:

<button
  id="makepay-cart-button"
  type="button"
  style="margin-top: 12px; width: 100%; padding: 14px 28px; background-color: transparent; color: white; border: 1.5px solid white; font-size: 16px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; cursor: pointer;"
>
  Pay with Crypto
</button>

The expected flow is:

  1. Customer clicks Pay with Crypto on the cart page.
  2. Shopify cart data is fetched.
  3. The cart subtotal is converted from Shopify cents to a normal price amount.
  4. A MakePay payment / hosted checkout link is created.
  5. Customer is redirected to MakePay checkout to complete the crypto payment.

The issue:

  • The button click is detected.
  • The cart total seems to be pulled correctly from Shopify.
  • The MakePay payment request seems to be triggered.
  • But no checkout URL / payment URL is returned, so the customer is not redirected.

I’m trying to understand the correct way to structure this for Shopify, especially because the payment request may need to be created server-side instead of directly from the theme JavaScript.

Has anyone implemented MakePay or a similar crypto checkout button on a Shopify cart page?

Specifically, I would like to know:

  • Should the MakePay API request be handled through a backend / app proxy instead of directly inside Shopify theme code?
  • What fields are required when creating a MakePay hosted checkout link from a Shopify cart?
  • Is there a recommended way to pass the Shopify order/cart reference into MakePay?
  • Should the cart page button create a draft order first, or is using the cart subtotal enough?
  • How should webhook/payment confirmation be handled so the Shopify order can be marked correctly?

Any guidance or example structure would be very helpful.

Thanks in advance!

2

Have you considered using Shopify’s own support for crypto currencies at checkout? https://help.shopify.com/en/manual/payments/additional-payment-methods/cryptocurrency

I think this would be the best route to go down. I’m not sure routing customers through a 3rd party checkout is a good experience, and you may run into all sorts of issues integrating it, as you’ve already faced here.

3

Thank you for suggestion, I was looking for self-custody solution somehow. I resolved it