Stripe Checkout box translation

[kotoko]

Hello. Thank you for wonderful plugin.
I am testing Stripe Buy Now button in test mode.
Buy Now button itself is translated in Japanese but popup checkout box is not translated.
I would like to translate “Pay $5” into Japanese.
Hopefully automatically be translated according to customer’s language.
Could you tell me to where to refer or any ideas?

What I tried:
-read this doc; Translate Stripe checkout box | WordPress.org
-deactivated all Stripe related plugins.

Sincerely.

[mbrsolution]

Hi, your best option is to install Loco Translate plugin. That will allow you to translate that string in Japanese. Let me know if this helps you.

Kind regards

[kotoko]

Thank you for the reply and your help.

I installed Loco Translate Plugin, clicked Plugin>SimpleWordpressMembership>日本語(Japanese)>Edit, and searched “Pay” text.
But I could not find it.

Best regards

[mbrsolution]

Hi, sorry but my previous suggestion above in regards to installing the Loco Translate plugin was incorrect.

Please read the following documentation. Let me know if this helps you.

Kind regards

[kotoko]

Hi, thank you for the reply.
(Loco Translation Plugin helped me a lot to translate other parts. Thank you for your help!)

I created the Stripe Buy now Button following the documentation, and I checked Payment Currency was selected Japanese Yen.

(The setting works for transaction of Japanese Yen.)

Best regards.

[mbrsolution]

Hi, I am glad to know that your issue is resolved 🙂

I am marking this thread as resolved.

Enjoy the plugin.

[kotoko]

Hi, thank you for the reply.

I would like to tell you that my issue is not solved yet.
(In the last post, I tried to explain the situation.)

Popup Stripe checkout box is not translated.

Best regards.

[kotoko]

P.S. Is popup Stripe checkout box with Simple Membership supposed to be translated according to location like Paypal?

[mbrsolution]

Hi,

Popup Stripe checkout box is not translated.

I think the popup window is controlled by Stripe.

Regards

[kotoko]

Hi, thank you for the reply.

I am a little bit confused.

When I tried this code on my website as stripe suggested on this page, popup Stripe checkout was translated.

<form action="your-server-side-code" method="POST"><script
    src="https://checkout.stripe.com/checkout.js" class="stripe-button"
    data-key="●●"
    data-amount="999"
    data-name="▲▲"
    data-description="Widget"
    data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
    data-locale="auto"
    data-currency="jpy">
  </script></form>

I wonder what the difference is.
Okay, I will ask Stripe.

Thank you for your help.

Best regards.

[kotoko]

Hi, I found the code which popup Stripe checkout box was translated successfully!

Here is the original code in plugins/simple-membership/views/payments/payment-gateway/stripe_button_shortcode_view.php.
Could you read the key points in this order?: ※1→※2→※3

	/* === Stripe Buy Now Button Form === */
	$output = '';
	$output .= '<div class="swpm-button-wrapper swpm-stripe-buy-now-wrapper">';
	$output .= "<form action='" . $notify_url . "' METHOD='POST'> ";
	$output .= "<div style='display: none !important'>";

	$output .= "<script src='https://checkout.stripe.com/checkout.js' class='stripe-button'
		data-key='" . $publishable_key . "'

※2 This line was removed because it affected data-locale='auto'. By removing this line, "pay" was translated.
		data-panel-label='Pay'

		data-amount='{$price_in_cents}'
		data-name='{$item_name}'";

※1　I found that web browser didn't read these three lines.
When these three were put into above $output, web browser read these, and Stripe checkout box was translated successfully except currency and "Pay" translation.
	$output .= "data-description='{$payment_amount} {$payment_currency}'";
	$output .= "data-locale='auto'";
	$output .= "data-label='{$button_text}'"; //Stripe doesn't currenty support button image for their standard checkout.

※3 This line includes two key points for translating currency symbol. 
First, this line needed to be put just after data-locale line. Order was important. 
Second, I think {$payment_currency} output uppercase letters. However data-currency needed lowercase letters. 
Two key points were needed at the same time in order to translate currency symbol.
(I didn't know how to change uppercase letters into lowercase letters here, so that I wrote 'jpy' directly at the moment. Could you help me?)
	$output .= "data-currency='{$payment_currency}'";

		if (!empty($item_logo)) {//Show item logo/thumbnail in the stripe payment window
			$output .= "data-image='{$item_logo}'";
		}
		if (!empty($billing_address)) {//Show billing address in the stipe payment window
			$output .= "data-billing-address='true'";
		}
	$output .= apply_filters('swpm_stripe_additional_checkout_data_parameters', ''); //Filter to allow the addition of extra data parameters for stripe checkout.
	$output .= "></script>";
	$output .= '</div>';

Here is the code Stripe checkout box translated successfully. Transaction worked successfully as well.

	/* === Stripe Buy Now Button Form === */
	$output = '';
	$output .= '<div class="swpm-button-wrapper swpm-stripe-buy-now-wrapper">';
	$output .= "<form action='" . $notify_url . "' METHOD='POST'> ";
	$output .= "<div style='display: none !important'>";

	$output .= "<script src='https://checkout.stripe.com/checkout.js' class='stripe-button'
		data-key='" . $publishable_key . "'

		data-amount='{$price_in_cents}'
		data-name='{$item_name}'
		data-description='{$payment_amount} {$payment_currency}'
		data-locale='auto'
		data-currency='jpy'
		data-label='{$button_text}'//Stripe doesn't currenty support button image for their standard checkout.
			if (!empty($item_logo)) {//Show item logo/thumbnail in the stripe payment window
				data-image='{$item_logo}'
			}
			if (!empty($billing_address)) {//Show billing address in the stipe payment window
				data-billing-address='true'
			}
	";

	$output .= apply_filters('swpm_stripe_additional_checkout_data_parameters', ''); //Filter to allow the addition of extra data parameters for stripe checkout.
	$output .= "></script>";
	$output .= '</div>';

In this code, I wrote data-currency=’jpy’ directly.
If the issue of this part can be solved and you think this code is okay for everyone, could you consider of including this fix into next plugin update?

As always, thank you for wonderful plugin (and documentation which is very easy to understand) and your supports.

Best regards.

[Marta]

Hi Mbrsolution,

I have tried Kotoko’s code because I want my Stripe Checkout to be in Spanish, and I have noticed that it only translates partially.

Kotoko’s code has worked, but, since your line

«««««« $output .= “data-description='{$description}'”; »»»»»»

has been replaced by:

«««««« data-description='{$payment_amount} {$payment_currency}’ »»»»»»

the result is that I get, for instance, “19 EUR”, instead of “19 EUR / month”

Your line, actually, gives me “19 EUR / month”.

But the problem is that “month” is a word in English for the invoice frequency of this particular suscription. I need that word to be in Spanish!

I haved tried to translate that word, “month” with Loco Translate, but it’s not possible.

So, my questions are:

– Is this Stripe’s fault and we can’t do anything about it?
– Or is this something you could fix?

Thanks in advance, and congratulations for a great plugin.

Marta.

[Marta]

By the way… here’s a link from Stripe about this subject, in case it’s useful:

https://stripe.com/es/blog/checkout-in-more-languages

[mbrsolution]

Thank you Marta for reaching out to us. I have submitted a message to the developers to investigate further this issue.

Kind regards

[Marta]

Any update on this?

Thanks!

[Author]

Posts