Webform translation while keeping single node

Question

I want to translate a Webform. I know it's very easy to achieve if there are separate Webform nodes for each language but I don't want to do that, I want to keep a single node.

I have already tried the Webform Localization module:

As per the readme of this module, it says to keep a single node enable
"localization by string translation" fieldset in the form settings

Which I have done.

I have also refreshed the i18n_string, as suggested in module readme.

Issue here is, even with above settings when I click on translate tab of the Webform node, it creates new node.

So are there any other settings I'm missing or this module is not working as its currently in under development.

Answer 1

The method in the documentation is working:

1. Go to the Webform Form settings at node/1/webform/configure
2. Check "localization by string translation" and "Expose webform component strings suitable for translation."
3. If dealing with an existing webform, then go to Go to Configuration -> Translate interface -> Strings
4. Enable "Webform localization" checkbox (this is important)
5. And Refresh Strings Then you will be able to see the string in Configuration -> Translate interface -> Translate

At least this works for me.

Answer 2

If you have "localization by string translation" then it will create additional nodes each with their own title, path etc, but they will share a single webform. Use the translate tab just to change the node title etc, but to translate elements in the webform, go to /admin/config/regional/translate/translate and search of each field label etc in turn.

Answer 3

Might not be an efficient way, but I don't get any other way to do that.

Here is a solution to keep a single Webform node with multilingual functionality:

Adding translated strings for each Webform element label not worked.

So I done something like that in form alter hook:

if(strpos($form_id, 'webform_client_form') !== false) {
    $form['#submit'][] = 'gt_custom_contact_webform_submit';
    $form['submitted']['your_name']['#title'] = t($form['submitted']['your_name']['#title']);
    $form['submitted']['your_e_mail_address']['#title'] = t($form['submitted']['your_e_mail_address']['#title']);
    $form['submitted']['subject']['#title'] = t($form['submitted']['subject']['#title']);
    $form['submitted']['message']['#title'] = t($form['submitted']['message']['#title']); 
    $form['actions']['submit']['#value'] = t($form['actions']['submit']['#value']); 
  }

Add translated strings for each Webform element label from here:

/admin/config/regional/translate/translate

Now if you are using language switcher block, you will see it will not allow to change the language.

To solve that:

function gt_custom_menu() {
  $items['contact-us'] = array(
    'title callback' => 'gt_custom_contact_form_title',
    'page callback' => 'gt_custom_contact_form',
    'access callback' => true,
  );
  return $items;
}

function gt_custom_contact_form() {
  return '';
}

function gt_custom_contact_form_title() {
  return t('Contact us');
}

And make that Webform available into a block from here: /node/nodeid/webform/configure

Advance settings -> Available as block

Now open block admin page, find that block, set Visibility settings to show that block on contact-us page only, make that block translatable using Make this block translatable.

Now language switcher block allow you to switch the languages.

And the main thing is Webform node will remain same.