Solved

How can I translate sign up form validation messages?

  • 25 February 2021
  • 35 replies
  • 3294 views

Userlevel 1
Badge +2

I’m looking for a way to translate validation messages used in sign up forms.

The Language of the list is set to Polish but despite that the validation messages, like: “This field is required” or “Please enter a valid email address”  are presented in English and I’m unable to locate settings to either set them to Polish or translate.

Please kindly advise.

icon

Best answer by David To 6 June 2021, 16:38

View original

35 replies

Userlevel 7
Badge +60

Hey @Kongamato9,

Really appreciate you point this discrepancy out! I’ll pass your note over to our Product Team to include in our product enhancement request. 

David

Badge +1

Hi Team-Klaviyo!

Could you solve the problem to translate validation messages used in sign up forms?

 

Please tell me yes, I guess it wouldn’t be that hard to add this to the settings, right.:sweat_smile:

Userlevel 7
Badge +60

Hey @blecom,

Our product team is aware of this Product enhancement to have the ability to translate those error messages within signup forms. At present those error messages are hard coded to display in english and is not adjustable. 

The current work around and best answer to allow the validation messages to be translated would be to custom code and use your own custom signup form. You can find resources we offer on how to build your own custom signup forms using HTML/CSS from the Help Center articles below. Because using a custom built signup form allows for more customizations that is dictated by how the form is built, it offers more flexibility in its behavior such as having those error/validation messages appear in a different language.

If we receive any updates from our Product Team regarding the enhancement of this feature, we’ll be sure to update this thread with the news!

Happy holidays!

David

Hi, 
Can someone confirm that those error message  « This field is required » are still harcoded and cannot be modified ?

Thanks in advance,
 

Userlevel 7
Badge +60

Hi @geneviever

 

Yes, while this is still the case, I will submit this as a feature request! 

 

-Taylor

i fixed this only by css. I looked for the specific elements where the validation message is displayed, then set the font-size to zero and add a pseudo-html-element with my translation - in this case german. This will not work in a multi-language scenario. Hope this helps:

 

#klaviyo_ariaid_3, #klaviyo_ariaid_4, #klaviyo_ariaid_5  {
font-size: 0px !important;
}
#klaviyo_ariaid_3:after, #klaviyo_ariaid_4:after, #klaviyo_ariaid_5:after {
content: 'Pflichtfeld';
font-size: 12px;
}

 

Userlevel 7
Badge +60

Hi @Leonovit

 

Thank you so much for sharing this to help out your Community users and share your wisdom with others! 

 

This is what makes our platform great! 

 

-Taylor 

Still can't translate these fields? An update would be much appreciated!

@Leonovit where do you place your css code please?

Hi @Fenrir: just place it in your regular css-file

Thank you very much @Leonovit , that solve the problem 👍

Reply