Buttons appears under buy-button

Hello @pictibe

thank you for reaching out to us, we are here to help.
I reviewed the checkout page and am not seeing anything unexpected. This is how I am seeing the checkout page: https://snipboard.io/Irnm6z.jpg

If you see it differently, you might want to try another browser or a different system and find out what is causing the difference. If you want to share more details on this, but rather not put it on a public forum, you can also open a service desk ticket with us via these instructions.

Kind regards,
Joost

Hi @joostvandevijver,

thanks for your reply.

Its the same like me but its really difficult for the user if you select on the top the payment gateway and the payment buttons on the bottom. Its little bit strange in usability. It sould be like paypal plus.

Greetings,
Florian

Hello @pictibe

Just to be sure, the other payment methods also show the button in that same position, right? Our PayPal button replaces the WooCommerce “Jetzt Kaufen” button, so the logic would be that all are placed in the same location. Do you agree?

At this moment, the only changes you can made to positioning and sizing can be found here:
– https://github.com/woocommerce/woocommerce-paypal-payments/wiki/Actions-and-Filters#change-button-placement-via-render-hooks
– https://gist.github.com/Sirvijver/15b34321375994a37bfb346a7c1418e2
– https://github.com/woocommerce/woocommerce-paypal-payments/wiki/Actions-and-Filters

Let me know what you think about it.

Kind regards,
Joost

Hi Joost,

thanks for your answer and very good informations.

I think the best way would be that the payment buttons appears in the normal payment gateway select box. Is it possible?

Florian

Hi @pictibe,

For the time being, that’s not possible with PayPal Payments.
You can only use any of the available WooCommerce hooks on the Checkout page.

There may be other integrations that place the buttons inside of the select box (like PayPal Complete Payments), but this is not a preferred position as the PayPal smart buttons replace the “place order” button.
Usually, mandatory checkboxes are not placed below the “place order” button, that’s part of why the Germanized plugin is automatically reordering the checkout buttons including the PayPal smart buttons to be at the bottom, below the review.
But you can move the buttons to be above the review and the checkboxes if you want.

Kind regards,
Niklas

Hi Niklas,

thanks for fast reply.
“But you can move the buttons to be above the review and the checkboxes if you want.” -> do you have the hook for me?

Florian

Hi Florian,

Could you give it a try with this one?:

add_filter('woocommerce_paypal_payments_checkout_button_renderer_hook', function() {
    return 'woocommerce_checkout_before_order_review';
});

It may be possible that the Germanized button compatibility overrides this filter though if I remember correctly.

Kind regards,
Niklas

Hi Niklas,

tested but wont work. Buttons still appears under buy now button.

Florian

Hi Florian,

You’re right, but I’m pretty sure that’s due to the Germanized helper script though. Without it, the filter works as expected for me.
I’d suggest reaching out to their support to ask how this script could be disabled. In my opinion though, the smart buttons make the most sense at the bottom of the page since it’s the last step of the checkout flow.

Kind regards,
Niklas

Hi Niklas,

we would disable the plugin on checkout page because the usability is strange.
On mobile to much space between gatewy selection and the payment buttons on the bottom.

Florian

Hi Florian,

The smart buttons are replacing the “Place order” button so they are by default located in the same spot. The Germanzied plugin does some further modifications to bring it in line with their default behavior for buttons.
The next update improves the button behavior on the checkout page a bit by making it more clear to the user when something is going wrong.

But if you could elaborate further on why you think the ‘usability is strange’, we’d be happy to look into how it could be improved to better meet your expectations. The next update 1.8.2 (test version here)comes with a temporary basic form field validation which should help prevent potentially confusing errors, in case this is what you are referring to.
The PayPal button on the Checkout page is not an ‘express button’ (like the non-checkout pages), it just replaces the regular “Place order” button.
Thanks!

Kind regards,
Niklas

Since we haven’t heard back from you, I’m going to mark it as resolved.
In case you’re still having problems, feel free to let us know!