Skip Navigation
Originally written
July 23, 2013
Updated
August 12, 2020

Contact Form 7 allows you to create, customize, and manage front-end forms for your site. In this tutorial, we provide step-by-step instructions on how to make these forms multilingual using WPML.

Here is a short video that explains the process of translating form built using the Contact Form 7 plugin:

Content

Getting started

  • Install and activate the core WPML plugin (WPML Multilingual CMS). In case you want to work with local translators and professional translation services, you can install and activate the WPML String Translation and WPML Translation Management plugins.
  • Set up WPML. See our WPML Getting Started Guide for a complete reference. The initial, simple three-step setup is self-explanatory, asking you to choose your default language, a set of active languages and a language selector (for starters, choose the footer language selector – you can change this later).
  • Install and activate the Contact Form 7 plugin. Also, install and activate the Contact Form 7 Multilingual plugin. You can find in your WPML downloads page under the WPML components for compatibility with popular plugins section.
  • We recommend using WPML’s Advanced Translation Editor (ATE) to translate Contact Form 7 forms. To activate ATE, navigate to WPMLSettings. Under the How to translate posts and pages section, choose Use WPML’s Advanced Translation Editor option.

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:

Translating your forms

To translate your forms, use the following steps:

  1. Create your form in the default language and translate it.
  2. Insert the form shortcode into a post, page, or widget in the default language.
  3. Translate the post, page, or widget that holds the form.

1. Creating the default language contact form and translating it

To create your form, go to the ContactAdd New page. When completed, you will get a shortcode for your contact form. Copy it to insert it later in your contact page.

Now it is time to translate the form. Click on the plus icon corresponding to the language you want to translate your form into. This will take you to WPML’s Advanced Translation Editor (ATE) screen.

Clicking the plus icon to translate the form

Translate the form texts. Make sure to copy the to the form tags to the secondary language fields. Translating it will break the secondary language form.

It is worth mentioning that you can also work with a team of translators or professional translation services to translate your form content using WPML’s Translation Management.

2. Insert shortcode into the content

Now, you need to insert the shortcode into a post, page, or widget in the default language.

In our example, we created a new page in English and added a shortcode to it.

Pasting the form shortcode into a page
Pasting the form shortcode into a page

3. Translate content with embedded forms

Finally, you need to translate the pages, posts, or widgets that hold the forms.

When editing a post or page, use the Language box to translate or duplicate it.

Using the Language box to translate or duplicate content
Using the Language box to translate or duplicate content

Make sure to translate only the texts. Do not change anything within the shortcode that is used to insert the contact form. WPML will automatically display the form in the correct language.

Known issues

Right now, there are no known compatibility issues between this plugin and WPML.

Getting Help

In case you need help translating your forms built using Contact Form 7 and WPML, visit WPML’s support forum.

If you want to build automated multilingual forms without any hassle, check out these amazing online form builders that help you in collecting payments, leads and unlimited form submission to grow your business in many folds.