Would you like to translate the Order Summary section in WPForms without relying on a plugin? If you’re not using one of the built-in translations and prefer a code-based approach, you can achieve this by adding a custom JavaScript snippet to your site.
When you enable the Order Summary option inside a Total field in WPForms, it displays itemized purchase details like product name, quantity, and price. By default, this information is shown in English.
If you would like to translate these labels without using a plugin, you can use a custom JavaScript snippet. This method lets you manually update the text shown in the Order Summary table.
Adding the Code Snippet
To translate the Order Summary text, add the following snippet to your site. If you need assistance in how to add snippets to your site, please check out this tutorial.
This example shows how to translate the Order Summary into German:
This code targets specific elements inside the Order Summary and updates the labels to the translated text.
- You can replace the German text with your own translations as needed.
- This method only updates the frontend display of the Order Summary. It does not change the text inside email notifications or entries in the WordPress admin area.
- To use this customization, make sure you have enabled the Order Summary option inside your form’s Total field settings. For help, check out our doc on requiring payment total.
Related Resources:
- How to Translate WPForms into Multiple Languages
- WPForms + WPML: Multilingual Site and Form Translation
- How to Customize WPForms Validation Messages
- How to Change Validation Messages for WPML
And that’s it! You have successfully customized the Total field’s Order Summary labels using a simple snippet.
If you need more control over form translations across your site, you can also explore translating WPForms into different languages.