Print

Translate Text with Polylang and WPML

Updated OnSeptember 29, 2023
5 out Of 5 Stars

1 rating

5 Stars 100%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Views64

The help dialog presently offers support for the WPML and Polylang Plugins, enabling seamless integration of multiple languages within the system.

Quick Guide

Copy the URL link to this section to share

This is a quick checklist, for full steps see “Step by Step Guide” below.

Create a widget for each language.
Assign language-specific pages to each widget. For example, assign French pages to the French widget and English pages to the English widget.
Update the text of each language widget according to its respective language.
For FAQs, update the text for each language by editing the questions. Each language will have its own tab for updating the text.

Step by Step Guide

Copy the URL link to this section to share

Install Help Dialog PRO

Ensure that Help Dialog PRO is installed on your website before proceeding.

Click here to learn more about Help Dialog PRO

Click here on how to Install Help Dialog PRO

Enable Polylang / WPML Setting

If you have successfully completed the installation process for either of the two plugins, you can now proceed to the next steps outlined in this documentation.

Steps to Enable the Polylang / WPML Setting:

  1. Ensure that either Polylang or WPML plugin is active.
  2. Navigate to the "Advanced" page.
  3. Click on the "Settings" tab.
  4. Locate the option to enable the Polylang / WPML setup and activate it.
Click to Zoom

Example Setup Pages

In the following example, we will demonstrate the utilization of two languages, namely English and French. Specifically, we will focus on the "Services" page and its corresponding French version, "Prestations de service." Our objective is to employ the Help Dialog Widgets to effectively configure the Help dialogs for both pages in each language.

To provide visual context, the accompanying screenshot displays the aforementioned pages in their respective languages.

Note: For setting up pages with multiple languages, please refer to the documentation and support provided by the language plugin you have installed. We are unable to offer assistance with their products.

Click to Zoom

English Widget ( First Language Example )

Let us now direct our attention to the English Widget, which will be implemented on the services page. Begin by duplicating an existing widget.

  1. Locate and select the "Edit" button.
  2. In the pages section, opt for page filtering and select "Include Specific Pages."
  3. Locate the English Services page and include it in the filtering criteria.
  4. Save the widget to finalize the changes.

English Widget Text Setup

Within the designated widget, navigate to the scrollable section and proceed to the "labels" section. Ensure that all textual elements within this section are converted to the English language.

Click to Zoom

English Widget Add FAQs

For this example, we will add and edit one FAQ to the Widget.

  1. Go to the FAQs section
  2. Click on the Edit Icon
Click to Zoom

English Widget Edit FAQs Text

Edit the English Tab text for this Question, and if applicable, update the text for the French version as well. After making the necessary changes, remember to Save and add this question to your Widget.

Click to Zoom

Create French Widget (Second Lanugage Example)

In order to establish the French Widget, our initial step entails duplicating the existing English Widget. Subsequently, I have already proceeded to rename it as "FR - Services Pages," serving as a prominent frame of reference for the forthcoming illustration.

Click to Zoom

Assign French pages

Edit the French Widget:

  1. Navigate to the "Pages" section.
  2. Select "Include Specific Pages" as the filtering option.
  3. Locate the French Version of Services and proceed to include it.
Click to Zoom

Edit Text for French

Now, we can update all the labels to be in French.

Click to Zoom

Add FAQs to French Widget

Now, please add the same question you included in the previous steps with the English Widget: "Where can I find documentation?" Once you have added it, click on the Edit icon.

After that, click on the French tab to edit the text and add the French version if you haven't already.

Note: The FAQ questions will automatically detect the language and display either the English or French version, depending on the language selected on the front end.

Click to Zoom

Conclusion

In conclusion, you need to create a widget for each individual language. Each widget assigned to a specific language will require you to add pages in that language and update the labels accordingly. As for the FAQs, you only need to update the languages in each tab while editing them.

Was this article helpful?
5 out Of 5 Stars

1 rating

5 Stars 100%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Table of Contents