Shortcode for GPay / ApplePay buttons
under review
D
Dave Jericho
Ideally it would be great to position the GPay and ApplePay buttons higher up in the page flow and not have it tagged on to the end of the Payment options. In or clients use case they need to be able to have these buttons higher up in the page flow as they are priority payment options for their customers.
Aaron Bowie
Hi Dave,
Thank you for your feature request regarding the positioning of Google Pay and Apple Pay buttons on your website. We understand the importance of offering these priority payment options higher up in the page flow for your clients' convenience.
To achieve this, we've developed a small function that you can integrate into your website using WooCommerce hooks. You can find the code and instructions in the following GitHub Gist: https://gist.github.com/AaronBowie/37b8115f4ae4d185447b134025c54fdc
This code is designed to help you display Google Pay and Apple Pay buttons in different locations on your checkout page. For reference, you can explore the available placements and hooks on the WooCommerce checkout page by visiting this helpful guide: https://www.businessbloomer.com/woocommerce-visual-hook-guide-checkout-page/
However, there's an important consideration to keep in mind. If the buttons are placed at the top of the page, such as in the example you mentioned, and a customer clicks on Google Pay or Apple Pay without having their address details pre-filled, they may encounter an issue. This limitation is due to the fact that we can't retrieve customer details directly from Google Pay or Apple Pay because of Authipay's integration with these payment methods.
To address this, we are considering the idea of displaying the buttons as a shortcode or even a WordPress Gutenberg block. This approach would provide more flexibility. One possible solution to mitigate the issue mentioned above is to conditionally display the shortcode or block. For instance, if the customer is not signed in, the shortcode would not be displayed, and a message could prompt them to sign in. If they are signed in, then the address could be pre-filled by WooCommerce.
We appreciate your input in helping us find a balance between convenience and a seamless checkout experience. Your feedback is greatly appreciated as it helps us improve and tailor our solutions to better meet all our customers needs.
Aaron Bowie
under review
Aaron Bowie
Hi Dave,
Thank you for your feature request regarding the positioning of Google Pay and Apple Pay buttons on your website. We understand the importance of offering these priority payment options higher up in the page flow for your clients' convenience.
To achieve this, we've developed a small function that you can integrate into your website using WooCommerce hooks. You can find the code and instructions in the following GitHub Gist: https://gist.github.com/AaronBowie/37b8115f4ae4d185447b134025c54fdc
This code is designed to help you display Google Pay and Apple Pay buttons in different locations on your checkout page. For reference, you can explore the available placements and hooks on the WooCommerce checkout page by visiting this helpful guide: https://www.businessbloomer.com/woocommerce-visual-hook-guide-checkout-page/
However, there's an important consideration to keep in mind. If the buttons are placed at the top of the page, such as in the example you mentioned, and a customer clicks on Google Pay or Apple Pay without having their address details pre-filled, they may encounter an issue. This limitation is due to the fact that we can't retrieve customer details directly from Google Pay or Apple Pay because of Authipay's integration with these payment methods.
To address this, we are considering the idea of displaying the buttons as a shortcode or even a WordPress Gutenberg block. This approach would provide more flexibility. One possible solution to mitigate the issue mentioned above is to conditionally display the shortcode or block. For instance, if the customer is not signed in, the shortcode would not be displayed, and a message could prompt them to sign in. If they are signed in, then the address could be pre-filled by WooCommerce.
We appreciate your input in helping us find a balance between convenience and a seamless checkout experience. Your feedback is greatly appreciated as it helps us improve and tailor our solutions to better meet all our customers needs.