Move WooCommerce Square wallet buttons on checkout page

  • Resolved andyj2021

    (@andyj2021)


    2 years ago

    Is there a way to move the WooCommerce Square wallet button on the checkout page?

    Ideally, I would like it to be within the area where a user can select a method of payment.

    I do understand why the button is were it is, and how it can be annoying for a customer to fill in the checkout form etc etc before getting to the google/apple pay button.

    However it is important to understand, that on our website the user has to fill out a form to other address as they are sending gifts to others, and the user must chooses a shipping date, when the button is at the top, the user clicks the button and it fails as they have not filled in mandatory fields such as date pickers and shipping dates.

    Therefore in my unique situation, both the checkout and the customer benefits from the button being at the bottom.

    Please advise.

    Thanks in advance

    Andy

Viewing 6 replies - 1 through 6 (of 6 total)
  • xue28 (woo-hc)

    (@xue28)

    2 years ago

    Hi @andyj2021

    Thanks for reaching out!

    If I understand you correctly, you would like to move the Apple and Google Pay buttons in line with the other payment methods on your checkout page, correct?

    Kindly be informed that it is the default behavior of these buttons.

    Moving these buttons to be included in the list of available payment methods on your site would require customization to do it.

    I did some research and found these threads could be a good starting point:

    Hope this helps!

    Thread Starter andyj2021

    (@andyj2021)

    2 years ago

    Hi, Thank you so much for your reply, sadly the links are for stripe, im looking to make this work with the woocomerce square plugin.

    • This reply was modified 2 years ago by andyj2021.
    Saif

    (@babylon1999)

    2 years ago

    Hello @andyj2021,

    You’re right, these are for the Stripe plugin. You can find the digital wallets button settings in WooCommerce > Settings > Payments > Square.


    Link to image: https://d.pr/i/h75tVe

    Anything else will require customisation which I’m afraid is not within our scope of support.

    You can get in touch with a WooExpert to help you with this. I should note that there are brand guidelines for both Apple and Google, so please make sure you follow them when customizing the buttons as mentioned in the documentation.


    Hope this helps!

    Thread Starter andyj2021

    (@andyj2021)

    2 years ago

    Hi, I have managed to do what i need.

    I have edited digital wallet.php file and chnged lie 111 from:

    			add_action( 'woocommerce_before_checkout_form', array( $this, 'render_button' ), 15 );

    to

    			add_action( 'woocommerce_review_order_before_payment', array( $this, 'render_button' ), 15 );

    however if i update the plugin this will go back to the plugins default location of the button,

    how do i make this change into a snippit to add to my functions.php file?

    Igor H

    (@ihereira)

    2 years ago

    Hi,

    You can use the Code Snippets plugin, the benefit of it, is that you can create snippets without touching the functions.php file. Here is an article that explains how to use the Code Snippets plugin.

    I hope this helps.

    mkdsgns

    (@mkdsgns)

    2 years ago

    @andyj2021 where abouts did you replace that code? I’ve tried looking but I can’t find the wallets.php file. I tried using the snippets plugin to add your code but it broke the site.

    Also using Woocommerce Square plugin and trying to move the digital wallets to just before the payment buttons.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Move WooCommerce Square wallet buttons on checkout page’ is closed to new replies.