Customization of “Continue” button in checkout does not work

Hi @jjonek

Thanks for bringing this to my attention. I have reproduced this problem and am working on a fix. It’s a little tricky since the Block based checkout uses JavaScript to render the translations, typically from JSON files. I’m examining how to apply WordPress’s PHP translation filters to it, if possible.

If you need a dirty hack to get you by for the meantime, you can use JavaScript to change it after it loads. Here’s a PHP Code Snippet for that:

<?php

add_action( 'template_redirect', function() {

	if( ! class_exists( 'WooCommerce' ) || ! is_checkout() ) {
		return;
	}

	add_action( 'wp_print_footer_scripts', function() {

		?>
		<script type="text/javascript">
		document.addEventListener( 'DOMContentLoaded', function() {

			let checkoutBlockInterval = setInterval( function() {
				let placeOrderButton = '.wc-block-components-checkout-place-order-button__text';
				if( document.querySelector( placeOrderButton ) ) {
					document.querySelector( placeOrderButton ).innerHTML = 'TEST';
					clearInterval( checkoutBlockInterval );
				}
			}, 500 );

		} );
		</script>
		<?php

	} );

} );