How to Add Express Checkout (Apple Pay / Google Pay) in Custom HTML (Legacy Editor)

Technical
, ,
1

Hey everyone :waving_hand:

Saw a question about adding express checkout buttons (Apple Pay / Google Pay) when using custom HTML in the legacy editor — sharing the solution here.

If your checkout form is rendered inside Body HTML, you can still show the express checkout buttons above it.

:white_check_mark: Simple Fix

Just add this inside your Custom HTML element where you want the buttons to appear:

<div class="express-checkout" data-id="express-checkout-element"></div>

:pushpin: How it works

  • This div will render the express checkout buttons

  • You can place it above your custom payment form

  • Works even if your form is inside Body HTML

:warning: Notes

  • Make sure your payment gateway supports Apple Pay / Google Pay

  • Placement matters → put it where you want the buttons to show (usually above the form)

If you also want to add extra fields like billing ZIP, that usually depends on how your custom form is built. Share your setup if you need help with that :+1:

Hope this helps :rocket: