How can I translate sign up form validation messages?

  • 25 February 2021
  • 35 replies

Show first post

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. 


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!


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! 



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! 



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 👍