177Bet Casino login.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved Younes
(@vanbom)

8 months ago

Hello,

I am currently developing a custom plugin ,

Part of the functionality requires replacing the “Place Order” button with a “Connect Discord” button if the user has not connected their Discord account.

I’ve attempted to use the following action hooks and filters, but they don’t seem to be applied:

add_filter( 'woocommerce_order_button_html', 'custom_replace_order_button', 99 );
add_action( 'woocommerce_review_order_before_submit', 'custom_render_buttons' );

Despite these attempts, the hooks don’t seem to take effect. I also inspected the HTML and noticed that the “Place Order” button is controlled by JavaScript in the actions-frontend.js file located in woocommerce/assets/client/blocks/checkout-blocks.

My Question:
Has anyone encountered a similar issue with replacing the “Place Order” button? What would be the best approach to conditionally replace this button with a custom button when certain conditions are not met?

I appreciate any guidance or suggestions!

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support Shameem R. a11n
(@shameemreza)

8 months ago
Hi @vanbom

If you’re using the checkout block on your checkout page, then those hooks won’t work. In this situation, you should consider using either the classic checkout block or the shortcode on your checkout page instead.

However, if you want to change the button label using block, you can use the proceedToCheckoutButtonLabel filter. More info:
- https://developer.woocommerce.com/2023/09/20/getting-to-know-woo-modifying-existing-cart-and-checkout-block-fields/
- https://github.com/woocommerce/woocommerce-blocks/blob/trunk/docs/third-party-developers/extensibility/checkout-block/available-filters/checkout-and-place-order-button.md#proceedtocheckoutbuttonlabel
For reference, this particular forum is meant for general support with the core functionality of WooCommerce itself. For development and custom coding questions, it’s best to ask for insight related to those on either the WooCommerce Advanced Facebook group or the WooCommerce Community Slack. Many of our developers hang out there and will be able to offer insights into your question.

I wish I could help more, but hopefully, this gets you going in the right direction to get some further insight/information.
Thread Starter Younes
(@vanbom)

8 months ago

Hi @shameemreza

Thank you for your detailed response and guidance.

Given the complexity of my custom requirements, I will opt to use the shortcode for the checkout page instead of the checkout block.

I appreciate your support and the resources you provided. They have been very helpful in steering me in the right direction.

Plugin Support Rajesh K. (woo-hc)
(@rajeshml)

8 months ago

Hello @vanbom,

Glad to know that we were able to help. Should you have further inquiries, kindly create a new topic here.

Meanwhile, if it isn’t too much to ask for – would you mind leaving us a review here? It only takes a couple of minutes but helps us tremendously. It would mean so much to us and would go a really long way.

Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Replacing “Place Order” Button on Checkout Page’ is closed to new replies.