Translate the Mailchimp Embed Code

Typically, the Mailchimp embedded form code is used as is. After you create your embedded signup form, copy the embed code and paste it into your website. To translate parts of the embedded form, you'll need to manually edit the code.

This is an advanced feature 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.

In this article, you'll learn how to translate the embedded form code.

Translate the embed code

English is the default language for field labels, the subscribe button, and the form's title. However, any fields you translate in the Form Builder appear in the embed code.

Form title

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

1. Click Audience, then click Signup forms.
2. Scroll to the Embedded form tile, then click Embedded form.
3. Enter the name of your form, then click the Audience drop-down and choose the one you want to work with.
4. Click Begin.
5. Click Settings.
   
6. Enter your translated title in the Form Title field.
   

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.

Form field labels and help text

To translate the form field labels and help text for your embedded form, follow these steps.

1. Click Audience, then click Signup forms.
2. Scroll to the Embedded form tile, then click Embedded form.
3. Enter the name of your form, then click the Audience drop-down and choose the one you want to work with.
4. Click Begin.
5. 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.

Add embedded form code to your website

To copy and paste your embedded form code, follow these steps.

1. Click Audience, then click Audience dashboard.
   
2. Click the Manage Audience drop-down and choose Signup forms.
   
3. Scroll to the Embedded form tile, then click Embedded form.
4. Enter the name of your form, then click the Audience drop-down and choose the one you want to work with.
5. Click Begin.
6. Click Continue.
7. Click Copy Code.
   
8. Paste the code into your website’s HTML where you want the embedded form to appear.

Edit your embedded form code

To edit your embedded form code, search or browse your code for this HTML.

  <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 full list of localization files):

• 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 (ptbr)
• Portuguese- Portugal (ptpt)
• 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 the Form Builder.

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

Translate error messages

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:
   
3. 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.
   
4. Replace the error messages within quotation marks with your custom translations.

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

1. Click Audience, then click Audience dashboard.
   
2. If you have more than one audience, click the Current audience drop-down and choose the one you want to work with.
3. Click the Manage Audience drop-down and choose Signup forms.
   
4. Scroll to the Form builder tile, then click Manage forms.
5. Click the Forms and response emails drop-down, then select Confirmation thank you page.
6. Click the Translate it tab.
   
7. Translate any desired fields.
8. Click Save Translation Settings.
   

All set! New contacts who sign up to join your audience will see your translated embedded form.