WooCommerce Apple Pay: Move Buttons Below Customer Details

Here is a small snippet that will allow you to move the Apple Pay button (provided by Stripe) below the customer details form on the checkout page with WooCommerce.

By default, the Apple Pay button, on the checkout page will be displayed at the top of the page, before the customer details form, which, isn’t always ideal, as the other payment methods are displayed below this form. So, it makes sense to move the Apple Pay button below the customer details form, right before the other payment methods.

The snippet below will:

  1. remove the existing button and the separator
  2. re-add the button and the separator below the form using the woocommerce_checkout_after_customer_details hook
  3. invert the order of the separator and the button

Simple and easy, just paste this code in the file called functions.php in your theme folder, and you’re done!

Leave a Reply