[Closed] WPML translation failing on frontend for custom AJAX snippets (Strings are registered & translated)

Hi WPML Support Team,

Thank you for your help and explanation earlier. I updated my code based on your instructions and used the method you recommended.

The translations now appear correctly inside the WPML String Translation area, and I translated them successfully.

However, the problem on the website itself is still there.

Even though the translations are saved in WPML, the website keeps showing the original English/Dutch text on all language versions.

I also tried to make sure this was not caused by caching:

* I completely turned off Varnish cache on the server.
* I tested in private/incognito windows.
* I cleared WordPress and Elementor cache/transients.

So at this point, it does not seem to be a cache problem.

It looks like WPML can save the translations, but for some reason it is not showing them on the frontend of the website.

I am using separate domains for each language (.nl, .de, .fr).

Could you please advise what else I should check or try?

Thank you,

Hi, Here is code of one of my snippets:

CODE:
if ( ! defined( 'ABSPATH' ) ) exit;

// ─── 1. WPML String Registration ──────────────────────────────────────────────
add_action( 'init', function() {
// This pushes the strings directly into the WPML database
do_action( 'wpml_register_single_string', 'RetaLabs Custom Snippets', 'fsb_unlocked', "You've unlocked free shipping!" );
do_action( 'wpml_register_single_string', 'RetaLabs Custom Snippets', 'fsb_add_more', 'Add %s more for free shipping' );
} );

// ─── 2. Region Thresholds ─────────────────────────────────────────────────────
function fsb_get_threshold() {
if ( ! function_exists('WC') || ! WC()->customer ) return 200;
$country = WC()->customer->get_shipping_country();
if ( ! $country ) $country = WC()->customer->get_billing_country();
$thresholds = [ 'NL' => 100 ];
return isset( $thresholds[ $country ] ) ? $thresholds[ $country ] : 200;
}

// ─── 3. Render Function ───────────────────────────────────────────────────────
function fsb_render( $context = '' ) {
if ( ! function_exists('WC') || ! WC()->cart ) return '';

$threshold = fsb_get_threshold();
$cart_total = floatval( WC()->cart->get_subtotal() );
$remaining = max( 0, $threshold - $cart_total );
$pct = min( 100, round( ( $cart_total / $threshold ) * 100 ) );
$sym = get_woocommerce_currency_symbol();
$qualified = $remaining <= 0;

$context_class = $context ? ' fsb--' . sanitize_html_class( $context ) : '';

// FETCH TRANSLATIONS VIA WPML API
$text_unlocked = apply_filters( 'wpml_translate_single_string', "You've unlocked free shipping!", 'RetaLabs Custom Snippets', 'fsb_unlocked' );
$text_add_more = apply_filters( 'wpml_translate_single_string', 'Add %s more for free shipping', 'RetaLabs Custom Snippets', 'fsb_add_more' );

ob_start(); ?>
<div class="fsb-wrap<?php echo $context_class; ?>">
<div class="fsb-label">
<?php if ( $qualified ) : ?>
<span class="fsb-msg fsb-msg--done">✦ <?php echo esc_html( $text_unlocked ); ?></span>
<?php else : ?>
<span class="fsb-msg">
<?php
printf(
esc_html( $text_add_more ),
'' . $sym . number_format( $remaining, 2 ) . ''
);
?>
</span>
<span class="fsb-thresh"><?php echo $sym . $threshold; ?></span>
<?php endif; ?>
</div>
<div class="fsb-track">
<div class="fsb-fill" style="width:<?php echo $pct; ?>%"></div>
</div>
</div>
<?php
return ob_get_clean();
}

// ─── 4. Styles ────────────────────────────────────────────────────────────────
function fsb_styles() {
if ( ! function_exists('WC') ) return;
echo '<style>
.fsb-wrap { background: #111; border: 0.5px solid #2a2a2a; border-radius: 10px; padding: 12px 16px; margin-bottom: 18px; font-family: inherit; box-sizing: border-box; }
.fsb-wrap.fsb--mini-cart { margin: 0; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding: 10px 14px; }
.fsb-label { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #999; margin-bottom: 9px; gap: 8px; }
.fsb-label strong { color: #EEB700; font-weight: 600; }
.fsb-thresh { color: #EEB700; font-size: 12px; white-space: nowrap; opacity: 0.75; }
.fsb-msg--done { color: #EEB700; font-weight: 500; width: 100%; text-align: center; }
.fsb-track { background: #222; border-radius: 99px; height: 7px; overflow: hidden; }
.fsb-fill { height: 100%; border-radius: 99px; background: #EEB700; transition: width 0.5s ease; min-width: 4px; }
</style>';
}
add_action( 'wp_head', 'fsb_styles' );

// ─── 5. Hooks ─────────────────────────────────────────────────────────────────
add_action( 'woocommerce_before_cart', function() { echo fsb_render('cart'); }, 5 );
add_action( 'woocommerce_before_checkout_form', function() { echo fsb_render('checkout'); }, 5 );
add_action( 'woocommerce_before_mini_cart', function() { echo fsb_render('mini-cart'); }, 5 );
add_action( 'woocommerce_before_shop_loop', function() { echo fsb_render('shop'); }, 5 );
add_shortcode( 'free_shipping_bar', function() { return fsb_render('shortcode'); } );

add_filter( 'woocommerce_add_to_cart_fragments', function( $fragments ) {
$fragments['div.fsb-wrap.fsb--mini-cart'] = fsb_render('mini-cart');
return $fragments;
} );

// ─── 6. JS AJAX Trigger ───────────────────────────────────────────────────────
add_action('wp_footer', function() {
if (!function_exists('WC')) return;
?>
<script>
if (typeof jQuery !== 'undefined') {
jQuery(document.body).on('wc_fragments_refreshed added_to_cart removed_from_cart updated_cart_totals', function() {
var ajax_url = (typeof woocommerce_params !== 'undefined') ? woocommerce_params.ajax_url : '/wp-admin/admin-ajax.php';

jQuery.post(ajax_url, {
action: 'fsb_get_html',
nonce: '<?php echo wp_create_nonce("fsb_nonce"); ?>'
}, function(res) {
if (!res.success) return;
document.querySelectorAll('.fsb-wrap').forEach(function(el) {
var context = Array.from(el.classList).find(c => c.startsWith('fsb--'))?.replace('fsb--', '') || 'shortcode';
if (res.data[context]) {
el.outerHTML = res.data[context];
}
});
});
});
}
</script>
<?php
});

// ─── 7. AJAX handler (Cleaned up per WPML guidelines) ─────────────────────────
add_action('wp_ajax_fsb_get_html', 'fsb_ajax_get_html');
add_action('wp_ajax_nopriv_fsb_get_html', 'fsb_ajax_get_html');
function fsb_ajax_get_html() {
check_ajax_referer('fsb_nonce', 'nonce');

wp_send_json_success([
'cart' => fsb_render('cart'),
'checkout' => fsb_render('checkout'),
'mini-cart' => fsb_render('mini-cart'),
'shop' => fsb_render('shop'),
'shortcode' => fsb_render('shortcode'),
]);
}