Translate Embedded Forms

Copy Article URL

Copied

Typically, the Mailchimp embedded form code is used as-is, with English as the default language. However, you can also translate many parts of the embedded form, either in the form’s settings, by updating your audience’s Basic subscribe form, or by editing the form code.

In this article, you'll learn how to translate embedded forms.

Before you start

  • This article assumes that you have already created at least one embedded form. See Create and Customize Embedded Forms to learn more about creating and managing embedded forms.
  • When you make changes to an existing embedded form, or the Basic subscribe form associated with the same audience, any embed form code that was previously pasted into your website will not be updated automatically. You will need to copy the updated code from the embedded form builder and use it to replace any old form code on your site.
  • Editing your form code directly is an advanced option and is recommended for users familiar with custom coding. Our Support team won't be able to troubleshoot issues with your custom code, so we suggest you contact your developer or hire a Mailchimp Expert if you need assistance.

Translate an embedded form’s title

To translate the title of an existing embedded form, follow these steps.

  1. Click Forms, then scroll down to the Other forms section.
  2. Click the Embedded button to view your existing embedded forms.
  3. Click the Edit button to the right of the form you want to translate.
  4. Click Settings.
  5. Enter your translated title in the Form Title field.
  6. Click the Continue button in the top right of the editor to view and copy your new embedded form code.

Note: A preview of your new form title shows as you make changes. If you want to hide the title from your form, toggle the slider off.

Translate form field labels and help text

To translate the form title for your embedded form, follow these steps.

  1. Click Forms, then scroll to the Other forms section.
  2. Click the Embedded button to view your existing embedded forms.
  3. Click the Edit button to the right of the form you want to translate.
  4. Click Settings.
  5. In the embedded form builder, click Form Fields.
  6. Click the form field you want to translate. To edit a form field, it must be enabled. Toggle on a form field with the slider on the Form Fields tab, or with the Enabled slider in a specific form field.
  7. In the Display name field, type your translated form field label. This will change the form field name that displays on your embedded form. When you change a form field’s display name, the corresponding audience field value doesn’t change. To translate your audience fields, edit them manually in your audience settings.
  8. In the Help text field, type your translated help text.

Translate the subscribe button

To translate your embedded form’s subscribe button, you'll need to copy and paste the embedded form code to your website’s HTML, then make changes manually.

Once you’ve created your embedded form, generated your embedded code, and pasted the code to your website’s HTML, search or browse your code for this line:

<input type="submit" value="Subscribe" name="subscribe" "id="mc-embedded-subscribe" class="button"></div>

Then, replace “Subscribe” in the value element with the equivalent label in the translation language. For example:

<input type="submit" value="Suscribirse" name="subscribe" "id="mc-embedded-subscribe" class="button"></div>

Excellent! You’ve translated your embedded form’s subscribe button.

Translate form error and success messages

The embedded form uses a validation plugin to present error and success messages when someone fills out your form. The translations for the error and success messages are statically generated when the embedded form is created. These default messages appear in the embed code only when your default language is set to a language other than English. The static messages can be translated manually within the form code.

We have translations available in the following languages (see the ):

  • Arabic (ar)
  • Bulgarian (bg)
  • Basque (eu)
  • Catalan (ca)
  • Chinese (cn)
  • Czech (cn)
  • Danish (da)
  • Dutch (nl)
  • Greek (el)
  • Persian (fa)
  • Finnish (fi)
  • French (fr)
  • Georgian (ge)
  • German (de)
  • Hebrew (he)
  • Hungarian (hu)
  • Italian (it)
  • Japanese (ja)
  • Kazakh (kk)
  • Latvian (lv)
  • Lithuanian (lt)
  • Norwegian (no)
  • Polish (pl)
  • Portuguese- Brazil (pt-br)
  • Portuguese- Portugal (pt-pt)
  • Romanian (ro)
  • Russian (ru)
  • Serbian (sr)
  • Slovak (sk)
  • Slovenian (sl)
  • Spanish (es)
  • Swedish (se)
  • Taiwanese (tw)
  • Thai (th)
  • Turkish (tr)
  • Ukrainian (ua)
  • Vietnamese (vi)

When a subscribe attempt is passed along to our servers, additional messages are shown based on the default language you set in your Form Settings.

The additional messages also auto-translate based on the language settings of the contact’s browser.

Translate non-English error messages

If your default language is set to a language other than English, follow these steps to translate error messages.

  1. Copy and paste your embedded form code to your website’s HTML.
  2. Locate the following line in your embedded form code:

non-English-messages

  1. Replace any text values within quotation marks with your custom translations.

Translate English error messages

If your default language is set to English, follow these steps to translate the error messages.

  1. Copy and paste your embedded form code to your website.
  2. Download this file and copy the code.
  3. Paste the copied code before the </script> tag at the end of your embedded form code.

form embed

  1. Replace the error messages within quotation marks with your custom translations.

Note: Subscribers who fill out your embedded form may see HTML5 validation messages produced by their web browsers before the form data is passed along to Mailchimp's servers.

Translate the success message by using the basic subscribe form success page

  1. Click Forms, then click Settings.
  2. If you have more than one audience, click the Audience drop-down and choose the one you want to work with.
  3. Click the Edit button to the right of Basic subscribe form.

system forms

  1. Scroll down to the Success section and click into each text area to replace the default text with your translations.

success section

  1. Click the Publish changes button at the top right corner of the editor.
  2. When you see a success message, click the X button to close the editor and return to the Forms Settings page.
  3. Click Forms in the left navigation menu, then scroll to the Other forms section.
  4. Click the Embedded button to view your existing embedded forms.
  5. Click the Edit button to the right of the form you want to translate.
  6. In the Embedded form builder, click Settings.
  7. Check Disable all Javascript. This will redirect subscribers to a separate thank you page instead of showing an inline success message.

forms settings

  1. Click the Continue button in the top right of the editor to view and copy your new embedded form code.
  2. New contacts who sign up to join your audience through your embedded form will be redirected to your translated Basic subscribe form’s success page.

Translate Signup Forms

Mailchimp lets you translate your signup forms in more than 40 languages. Get a list of our supported languages. And learn how to use our translation tools.

Add an Embedded Signup Form to Your Website

We automatically create signup forms for your audience. Learn how to embed a signup form on your site. And find out which third-party sites accept Mailchimp forms.

Troubleshooting the Embedded Signup Form

Mailchimp lets you add signup forms on your own site. Learn how to fix common issues for embedded forms.