Skip Navigation
Originally written
January 10, 2020
Updated
February 3, 2020

Ninja Forms is an intuitive drag-and-drop form builder that helps you add front-end forms to your WordPress site in minutes. In this tutorial, we walk you through the process of creating multilingual forms using Ninja Forms and WPML.

Default language form Secondary language form

Content

Getting started

If you are a developer, ensure that the Ninja Forms plugin is activated.

To get started, also make sure that the following plugins are activated: WPML Multilingual CMS, WPML String Translation, WPML Translation Management, and the Ninja Forms Multilingual add-on plugin.

If you own a website and are working with a developer, please ask for the developer’s assistance in managing these settings.

WPML’s Getting Started Guide helps you set up WPML in a few minutes. Later, you will want to refer to some of its subtopics, such as Translation Management. We recommend that you keep this guide open while following this tutorial.

WPML translation tools

WPML offers two translation editors you can use for translating your site’s content:

Besides translating your site content yourself, you can also:

Creating and translating your forms

To translate your forms we will use WPML Advanced Translation(ATE) and use the following steps:

  1. Activate ATE:
  2. Create the form in the default language.
  3. Translate the form.
  4. Insert the form shortcode into a post, page, or widget in the default language.
  5. Translate the post, page, or widget that holds the form.

Create the default language form

To create the default language form, go to Ninja FormsAdd New. In this example, we will use the “Contact Us” form template. Of course, you can use a blank template and build your form from scratch.

Creating the default language form

You can customize the form by editing the fields’ label names and adding more form fields. Once done, click the Publish button. Check out the Ninja Forms guide on building a form.

Customizing and publishing the form

Translate the form

To translate your form, follow these steps:

    1. Go to the WPMLTranslation Management page.
    2. In the Select items for translation section, select Ninja Forms from the Element type drop-down menu then click the Filter button.
    3. Use the checkboxes to select the forms that you want to translate.
    4. In the Select translation options section, choose the Translate option corresponding to the language(s) you want to translate your forms into.
    5. Click the Add selected content to translation basket button. In this example, we will translate the contact form into Spanish.
Sending the form for translation
    1. Now, navigate to the Translation Basket tab and click the Send all items for translation button.
    2. You can take a translation job by going to the WPMLTranslations page. There, click the Take and translate button.
Taking the translation job

This will open the translation editor page. We recommend using WPML’s advanced translation editor.

    1. Click the Translate automatically button to let the editor translate contents using machine translation.
    2. Make sure that you copy the merge tags to the secondary language translation field as translating these tags might result in breaking the form functionality in the secondary language. Once done, click the Finish button then the Complete button to publish the translation.
Copying merge tags to the translation

You can translate all parts of your forms including the field labels, submit button text, the confirmation message, and the notification email. We are actively working on improving this.

Insert the form into the content

After creating and translating your form it is time to add its shortcode to a page, post, or a widget. In our example, we created a new page in English and used the Ninja Forms block to add our form.

Inserting your form to the default language page

Translate content with embedded forms

Finally, translate the page, post, or widget that includes your form. You can do that by clicking the plus icon corresponding to the language you want to translate your page into in the language box.

Translating the page that holds the form

On the translation editor page, make sure to translate the page content only and not the form shortcode. Ensure copying the form shortcode into the secondary language translation field. WPML will automatically display the form in the correct language.

Getting help from our support

We have supporters in our forum who are ready six days a week to help you. They are trained in how to use WPML with Ninja Forms.

If you are setting up the site and WPML yourself, please use our Technical support forum.