Formidable Forms – WPML Multilingual

Description

Integrate with the WPML Plugin to translate your WordPress forms into multiple languages. WPML is the WordPress translation plugin that even professional translators endorse.

Why translate your entire WordPress website except for your web forms? The WPML add-on by Formidable Forms will take your multilingual WordPress site to the next level.

Download and install#

To access this add-on, ensure you have the Business license or above.
  1. If you haven’t already, install and activate the current version of Formidable Forms Premium on your WordPress site.
  2. After confirming your Formidable Forms license, proceed to the Formidable → Add-Ons page and click the Install button for the WPML Multilingual add-on.
    WPML Install Button
  3. Download and install the WPML core plugin and WPML String Translation add-on.

Translate a form#

After the three WPML plugins and the Formidable Multilingual add-on are activated, you may follow the steps below to translate your forms.

  1. Go into edit a form that you would like to translate. Click on Settings and click the Translate Form button.
    WPML Translate Form Button
  2. Enter your translations. If you would like to prevent a translation from being used, uncheck the ‘Complete’ box.
    WPML Translate Form Enter Translation
  3. Publish your form on a page and use WPML to translate the page to any other languages you would like to use.
    WPML Translate Form Publish Page

Translate a View#

When translating Views, you need to create separate Views for each language. Follow the instructions below to get started.

  1. Create a View for the default language. For this example, use English.
  2. On the left sidebar of your View builder, look for the Metaboxes → Language section. Click the + Translate icon to create the translated View for the second language.
    WPML Translate View Language
    You will be redirected to a new View, where you can add your translation.
  3. Publish the View for the default language.
  4. From the right sidebar of the page editor, look for the Page → Language section. Click the + Translate icon to create the translated page for the second language.
    WPML Translate View Publish PageYou will be redirected to a new page where you can add your translation.
  5. You can either insert the Formidable shortcode manually or use the Formidable Views block to publish the second language View on the new page.

Set datepicker language#

Follow these steps to make the datepicker field in your form use a different locale.

  1. Open the field settings for your date field and set the locale.
  2. Go to the form translation page for this form.
  3. Select your preferred datepicker language from the dropdown for each language you are translating to.
    Set multilingual datepicker language

Sending translated emails#

To send the email for the correct language, you’ll need to set up multiple email form actions. Each of these emails will be sent conditionally, based on the language submitted.

  1. In your form builder, add a hidden field.
  2. Activate this code snippet and use [current_wpml_lang] as the default value for your hidden field.
    WPML Email hidden field
  3. In your form Settings → General page, click the Translate Form button to add the translations for your form and publish it on a page.
  4. In your form Settings → Actions & Notifications page, create an email action for each language that you want to translate. Set them up however you’d like.
    WPML Email Form Actions
  5. To ensure that the correct email is sent depending on the language, add conditional logic to each one. For example, use en for English and es for Spanish.
    Please note that Conditional Logic is only available in the premium version of Formidable Forms. Your conditional logic will look like this:
    WPML Email Conditional Logic

Translate success message#

To translate the success message displayed after form submission, you must create a confirmation action for each language. The confirmation actions will be triggered based on the language submitted.

  1. To get the current language, add a hidden field in your form.
  2. Activate this code snippet and use [current_wpml_lang] as the default value for your hidden field.
    WPML hidden field
  3. In your form Settings → Actions & Notifications page, create a confirmation action for each language you want to translate. Select the Show Message button to customize the message and add in your translation.
    WPML Confirmation Action
  4. Add conditional logic to each confirmation action to ensure the correct success message is sent depending on the language. For example, use en for English and fr for French. Your conditional logic will look like this:
    WPML Confirmation

Redirect based on site language#

To redirect to the correct translated page after form submission, follow these steps to get the language that the user is viewing.

  1. Activate this code snippet to get the current language.
  2. Add a hidden field to your form and insert [current_wpml_lang] as the default value.
    WPML Email hidden field
  3. Go to the form Settings → Actions & Notifications page and select the Confirmation action.
    WPML On Submit Form Action
  4. Click the Redirect to URL button. In the Redirect URL box, enter the URL where you want users to be redirected, followed by ?lang=[x].
    WPML Redirect URL language 

    http://site.com/thank-you/?lang=[x]

    Replace x with the ID of the hidden field containing the current language.

  5. In your WPML → Languages → Language URL format, choose the Language name added as a parameter.
    WPML language URL format

Redirect Login Form#

If you have added a Login form using the User Registration add-on, you might be redirected to the default language after logging in or logging out. To set up a redirect to the language you want to use, you could do the following:

  1. Go to your Login page and click Edit Translation. For this example, the default language is Spanish, and the second language is English.
    WPML Login Form Translation
  2. Insert the login shortcode on your page.
    [frm-login redirect="/en/login/" logout_redirect="/en/login/"]

    WPML Login Form Redirect

  3. If you have set your WPML Language URL format to set the Language name as a parameter, your shortcode could look like this instead:
    [frm-login redirect="/login/?lang=en" logout_redirect="/login/?lang=en"]

    WPML Login Form Redirect Param

Set the reCaptcha language#

In your Formidable → Global Settings → reCaptcha, select “Browser Default” as the reCAPTCHA Language. This will set the browser language to be used for the reCaptcha.
WPML reCAPTCHA Language browser default

Translate values in custom HTML#

If you have content in the form Settings → Customize HTML page that you want to translate, follow the instructions below to get started.

  1. Activate this code snippet to get the current language.
  2. Surround the content with frm-condition to only show it if the current language matched. Use current_wpml_lang as the source.
  3. For example, if the current language is French and you want to display its translated value, your final shortcode may look something like:
    [frm-condition source=current_wpml_lang equals="fr"]Afficher le contenu[/frm-condition]

    Replace fr with your selected language.

Troubleshooting#

Default language always shows#

If the default language is always showing after setting up and saving your translation, this is usually related to settings in WPML. It works best if the default language in the WPML settings is the same and the default language set for the string translations.

English translation not working#

If you have translated your form from a default language other than English (e.g. Italian), the translations may not show up. Try the following steps to resolve the issue:

  1. Go to the WPML → String translation page and search for the string that is not translating.
  2. Select the string and change the selected string language to your site’s default language.
    WPML String Translation default language

If this does not resolve the issue, please create a ticket in the help desk for assistance.

Conditional logic not working#

If you have added conditional logic to a field, this may break when you translate your form to a non-default language. To resolve this issue, enable separate values in your radio, dropdown, and checkbox fields. This way, only the displayed value is translated and the conditional logic will work across languages.

Error: Call to a member function#

If you see this error message, check each of the following:

  1. Are Formidable Forms, Formidable Forms Pro, and Formidable Multilingual up to date? If not, please update.
  2. Are WPML Multilingual CMS and WPML Translation Management up to date? If not, please update.
  3. Do you have the Polylang plugin installed? If so, you’ll need to choose between the two. They are currently not designed to work together.
  4. Do you have another plugin installed that uses WPML or Polylang? If so, try deactivating it to check for a conflict.

Additional customizations#

These code examples can be added to a child theme’s functions.php file or the Code Snippets plugin (recommended). To learn more about how to use code examples like this, see the Formidable Hooks guide.

Get the current language#

Use [current_wpml_lang] to get the current language by adding the code below.

add_shortcode( 'current_wpml_lang', 'current_wpml_lang' );
function current_wpml_lang() {
  return apply_filters( 'wpml_current_language', null );
}

There are no reviews yet.

Write a review

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.