In this guide we are going to show you how to translate dynamic content by duplicating the CMS items in Webflow and displaying the appropriate version with Polyflow.
Last updated
1. First of all we need to add to the collection an Options field "Language" with the ISO codes of the different languages in the options we need.
Remember: ISO is a standardized nomenclature used to classify languages, each language is assigned a two or three-letter lowercase abbreviation.
Check out here for a list of ISO codes as you will need to use them to create your language versions: https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
In this example, we have a Collection for our website FAQs, and we need to have them in English and Spanish. We are going to add an Options field to our Faqs collection with "es" and "en" options to choose.
2. Next, we will add all our faqs (in both languages) and assign each one its language in the Options field:
3. Then, we are going to create two Collection lists for Faqs collection, and we are going to Filter the items by language.
In the first list of the collection, we are going to show only the articles in English, and in the second list we are going to show only the articles in Spanish. To do this, we just need to add a Filter by the "Language" Options field.
4. Finally, we are going to add a Polyflow Custom Attribute to display each collection in the correct language on our website.
To do this, we just need to add a Custom Attribute "polyflow-only" with the ISO code of the language for each collection list. In the collection list that includes the items filtered by the english language, let's add the following custom attribute "polyflow-only" = "en"; and in the spanish case, we are going to add "polyflow-only" = "es".
Easy!
