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:
- Getting started
- WPML translation tools
- Translating your forms
- Getting Help – WPML support forum
- 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 WPML → Settings. Under the How to translate posts and pages section, choose Use WPML’s Advanced Translation Editor option.
WPML offers two translation editors you can use for translating your site’s content:
- WPML classic translation editor (CTE).
- WPML advanced translation editor (ATE) offers automatic translation, a glossary, spell checker, and more!
Besides translating your site content yourself, you can also:
- Send your content for translation to a professional translation service.
- Create your own team of local translators from the Translation Roles tab in Translation Management and assign translation jobs to them.
To translate your forms, use the following steps:
- Create your form in the default language and translate it.
- Insert the form shortcode into a post, page, or widget in the default language.
- Translate the post, page, or widget that holds the form.
To create your form, go to the Contact → Add 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 screen.
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.
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.
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.
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.
In case you need help translating your forms built using Contact Form 7 and WPML, visit WPML’s support forum.