How to Use Contact Form 7 With WPML

Use Contact Form 7 With WPML

How to Use Contact Form 7 With WPML

CrowVision

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.Learn more about How to Use Contact Form 7 With WPML

Before we start we would like to offer you:
When having your website on WordPress you will need to choose a Good Looking Optimized theme , Speed optimization plugin and understand How to do Good SEO 

How to Use Contact Form 7 With WPML

  • 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.
  • CrowVision

WPML translation tools

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.

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 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.

CrowVision
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.

CrowVision

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.

[social_warfare]

Leave a Reply