Skip Navigation
Updated
October 12, 2021

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:

On This Page

Getting Started

Start by installing and activating the following plugins:

If you’re new to WPML, check out our Getting Started Guide. It quickly walks you through different translation options you can use.

Translating Your Forms

To translate your forms, use the following steps:

1. Creating the Default Language Contact Form

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

If a field in your form has a placeholder text, you won’t be able to translate it by default. To make it translatable, add an equals (=) sign between the placeholder attribute name and its value.

Here is an example of the field’s tag that Contact From 7 generates which includes the placeholder text:

[text* your-name placeholder "Your name here"]

To be able to translate the placeholder text, alter the field’s tag in the default language form to be:

[text* your-name placeholder="Your name here"]

2. Translating the Contact Form

Now, it’s time to translate the form and WPML provides you different ways of doing that.

Translating the Form Automatically

If you use the Translate Some mode, you can use Translation Management to automatically translate your contact forms. Simply go to WPML Translation Management, find and select your form, and click to translate it.

Send the Form to be Translated by Others

Go to WPML Translation Management to send all types of content, including contact forms, for translation.

You can send any content, including forms, to be translated by your own translators, or by one of many professional translation services integrated with WPML.

You can find detailed instructions on how to do this in our guide about using WPML’s translation management.

Translate the Form Yourself

Alternatively, you can translate the form yourself. To do this, edit the form and in the Language box, click the plus icon corresponding to the language you want to translate your form into.

Starting the form translation

This takes you to WPML’s Advanced Translation Editor (ATE) screen and you can translate the form texts.

Translating Contact Form 7 texts

3. Inserting the 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

4. Translating Content With Embedded Forms

Finally, you need to translate the pages, posts, or widgets that hold the forms. Just like translating the forms, you can send these to be translated by others, or you can do it manually yourself.

To translate it yourself, edit the post or a page and 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. WPML will automatically display the form in the correct language.

Known Issues

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.