Skip to content

How to Change the Language of Your Quiz

Change Quiz Language in Settings

Note

Version 1 of the Shop Quiz: Product Recomemnder App for Shopify doesn't support the Shopify Markets feature.

  1. Open Quiz Settings: To change the quiz language navigate to Quiz Settings or Quiz Settings -> Messages.

    how to change quiz language messages

  2. Language: Choose a language from a dropdown list to change the text on the quiz buttons and placeholders into that language.

  3. Add your own translations: If the desired language is not available or you prefer a different translation you can modify individual instances (such as buttons and placeholders) directly within the Messages tab.
  4. Override the translations: Should any buttons revert to their original English translations (overriding your selected quiz language) you can manually adjust the button text in Quiz Builder -> Question settings.

Warning

Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.

Note

Version 2 of the Shop Quiz: Product Recomemnder App for Shopify fully supports the Shopify Markets feature.

Before assigning quizzes to specific markets and languages, you’ll need to create and customize the quiz versions for each language. Here’s how:

Step 1: Create Your Initial Quiz:

  • Start by creating a new quiz with the basic content and questions you want to include.

  • Save this quiz as your base version, which you’ll use to duplicate for different languages.

Step 2: Duplicate the Quiz for Each Language:

  • From the Dashbaord, select the option to Duplicate your original quiz.

manual_shopifyV2_quizmanagementoptions

  • For each duplicate quiz, go into the Quiz settings > Quiz content and update the language for all buttons, popups, and other interface elements.

https://docs.revenuehunt.com/images/manual_shopifyV2_quizbuilder_quizsettings_quizcontent.png

Step 3: Translate Questions and Choices Separately:

The questions and answer choices won’t automatically translate; you’ll need to manually update these for each language version.

  • Go through each question and answer choice to ensure they are accurately translated and culturally relevant for each target language.

Step 4: Assign the Quiz to the Right Market and Language:

  • Once each quiz version is ready, go to App Settings > Markets.

  • Select the appropriate market and language, and link each translated quiz to its respective locale. This will ensure that visitors see the correct quiz based on their market and language settings.

By following these steps, you’ll have a well-localized quiz experience ready for each market and language, which you can then manage seamlessly in the Markets tab of your app settings.

  1. Open Quiz Settings: To change the quiz language navigate to Quiz Settings or Quiz Settings -> Messages.

    how to change quiz language messages

  2. Language: Choose a language from a dropdown list to change the text on the quiz buttons and placeholders into that language.

  3. Add your own translations: If the desired language is not available or you prefer a different translation you can modify individual instances (such as buttons and placeholders) directly within the Messages tab.
  4. Override the translations: Should any buttons revert to their original English translations (overriding your selected quiz language) you can manually adjust the button text in Quiz Builder -> Question settings.
  1. Open Quiz Settings: To change the quiz language navigate to Quiz Settings or Quiz Settings -> Messages.

    how to change quiz language messages

  2. Language: Choose a language from a dropdown list to change the text on the quiz buttons and placeholders into that language.

  3. Add your own translations: If the desired language is not available or you prefer a different translation you can modify individual instances (such as buttons and placeholders) directly within the Messages tab.
  4. Override the translations: Should any buttons revert to their original English translations (overriding your selected quiz language) you can manually adjust the button text in Quiz Builder -> Question settings.
  1. Open Quiz Settings: To change the quiz language navigate to Quiz Settings or Quiz Settings -> Messages.

    how to change quiz language messages

  2. Language: Choose a language from a dropdown list to change the text on the quiz buttons and placeholders into that language.

  3. Add your own translations: If the desired language is not available or you prefer a different translation you can modify individual instances (such as buttons and placeholders) directly within the Messages tab.
  4. Override the translations: Should any buttons revert to their original English translations (overriding your selected quiz language) you can manually adjust the button text in Quiz Builder -> Question settings.
  1. Open Quiz Settings: To change the quiz language navigate to Quiz Settings or Quiz Settings -> Messages.

    how to change quiz language messages

  2. Language: Choose a language from a dropdown list to change the text on the quiz buttons and placeholders into that language.

  3. Add your own translations: If the desired language is not available or you prefer a different translation you can modify individual instances (such as buttons and placeholders) directly within the Messages tab.
  4. Override the translations: Should any buttons revert to their original English translations (overriding your selected quiz language) you can manually adjust the button text in Quiz Builder -> Question settings.

Set Up Multilingual Quizzes

While our application currently lacks native multi-language support, there are effective workarounds to present quizzes in multiple languages.

How does it work?

  • For now, it is possible to create multiple quizzes, each one in a different language.
  • Then, each of these quizzes will have a unique quiz ID.
  • You can embed each of these quizzes on a separate page on your store (eg quiz-en, quiz-de, quiz-fr…) or have your developer create a script that displays the correct quiz popup depending on the browser language.
  • However, the main problem is that our app can only sync the base products from your store (in the main language), as products translated automatically to other languages don't have unique product IDs that we could sync. So you can change the quiz language but the product names and descriptions will be shown in the original language. There are some workarounds mentioned in the article that you can try.

Warning

Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.

Note

Version 2 of the Shop Quiz: Product Recomemnder App for Shopify fully supports the Shopify Markets feature.

Our Shop Quiz: Product Recommender app allows you to tailor the shopping experience for customers worldwide by selecting specific quizzes for each Shopify Market and its associated languages. Here’s a step-by-step guide to help you change your quiz language based on the visitor’s location and language preference.

Step 1: Navigate to the Markets Settings

  • Log in to your Shopify Admin Panel.

  • In the left-hand menu, go to Apps and select Shop Quiz: Product Recommender.

  • Once in the app, look for App Settings and select the Markets tab.

Step 2: Assign a Quiz to a Specific Market

  • In the Markets tab, you’ll see a dropdown list that shows all available quizzes.

  • From the Markets section, select the Shopify Market where you’d like to assign a quiz.

manual_shopifyV2_appsettings_markets_pickquiz

  • Choose the default quiz you want displayed to visitors in this Market from the dropdown.

Step 3: Show All Locales for Language Customization

If you want to customize quizzes based on both market and language:

  • Toggle the Show All Locales option to display a detailed list of Markets and associated languages.

  • You’ll now be able to assign different quizzes for each language within the same market:

Example: For the United States market, you can set one quiz for English-speaking customers and another for Spanish-speaking customers.

Step 4: Select the Quiz for Each Locale

  • With all locales shown, go to the specific language you want to adjust.

  • From the dropdown menu for that locale, pick the quiz that best matches the needs of that language group.

  • Save your changes to ensure the new language-specific quiz assignments are applied.

Step 5: Hide All Locales for Simplified View

If you’d like to revert to a single quiz for a Market regardless of language:

manual_shopifyV2_appsettings_markets_showall

  • Click the Hide All Locales option. This will simplify the view by removing language-specific distinctions.

  • The default quiz you’ve selected for that Market will now display to all visitors from that region, regardless of their language.

By following these steps, you’ll be able to customize your quizzes by Market and language, ensuring each visitor has a tailored experience that feels relevant and engaging.

While our application currently lacks native multi-language support, there are effective workarounds to present quizzes in multiple languages.

How does it work?

  • For now, it is possible to create multiple quizzes, each one in a different language.
  • Then, each of these quizzes will have a unique quiz ID.
  • You can embed each of these quizzes on a separate page on your store (eg quiz-en, quiz-de, quiz-fr…) or have your developer create a script that displays the correct quiz popup depending on the browser language.
  • However, the main problem is that our app can only sync the base products from your store (in the main language), as products translated automatically to other languages don't have unique product IDs that we could sync. So you can change the quiz language but the product names and descriptions will be shown in the original language. There are some workarounds mentioned in the article that you can try.

While our application currently lacks native multi-language support, there are effective workarounds to present quizzes in multiple languages.

How does it work?

  • For now, it is possible to create multiple quizzes, each one in a different language.
  • Then, each of these quizzes will have a unique quiz ID.
  • You can embed each of these quizzes on a separate page on your store (eg quiz-en, quiz-de, quiz-fr…) or have your developer create a script that displays the correct quiz popup depending on the browser language.
  • However, the main problem is that our app can only sync the base products from your store (in the main language), as products translated automatically to other languages don't have unique product IDs that we could sync. So you can change the quiz language but the product names and descriptions will be shown in the original language. There are some workarounds mentioned in the article that you can try.

While our application currently lacks native multi-language support, there are effective workarounds to present quizzes in multiple languages.

How does it work?

  • For now, it is possible to create multiple quizzes, each one in a different language.
  • Then, each of these quizzes will have a unique quiz ID.
  • You can embed each of these quizzes on a separate page on your store (eg quiz-en, quiz-de, quiz-fr…) or have your developer create a script that displays the correct quiz popup depending on the browser language.
  • However, the main problem is that our app can only sync the base products from your store (in the main language), as products translated automatically to other languages don't have unique product IDs that we could sync. So you can change the quiz language but the product names and descriptions will be shown in the original language. There are some workarounds mentioned in the article that you can try.

While our application currently lacks native multi-language support, there are effective workarounds to present quizzes in multiple languages.

How does it work?

  • For now, it is possible to create multiple quizzes, each one in a different language.
  • Then, each of these quizzes will have a unique quiz ID.
  • You can embed each of these quizzes on a separate page on your store (eg quiz-en, quiz-de, quiz-fr…) or have your developer create a script that displays the correct quiz popup depending on the browser language.
  • However, the main problem is that our app can only sync the base products from your store (in the main language), as products translated automatically to other languages don't have unique product IDs that we could sync. So you can change the quiz language but the product names and descriptions will be shown in the original language. There are some workarounds mentioned in the article that you can try.

Step 1: Create Quizzes in Different Languages

  • Manual Translation: Begin by manually translating your quizzes into the desired languages. Each translated quiz will have a unique quiz ID.
  • Quiz Settings Adjustment: Navigate to the Quiz Settings to modify the language of interactive elements like buttons. However, note that questions and choices need manual translation.

Warning

Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.

Follow these instructions to create quizzes in different languages.

  • Manual Translation: Begin by manually translating your quizzes into the desired languages. Each translated quiz will have a unique quiz ID.
  • Quiz Settings Adjustment: Navigate to the Quiz Settings to modify the language of interactive elements like buttons. However, note that questions and choices need manual translation.
  • Manual Translation: Begin by manually translating your quizzes into the desired languages. Each translated quiz will have a unique quiz ID.
  • Quiz Settings Adjustment: Navigate to the Quiz Settings to modify the language of interactive elements like buttons. However, note that questions and choices need manual translation.
  • Manual Translation: Begin by manually translating your quizzes into the desired languages. Each translated quiz will have a unique quiz ID.
  • Quiz Settings Adjustment: Navigate to the Quiz Settings to modify the language of interactive elements like buttons. However, note that questions and choices need manual translation.

Step 2: Display the Correct Quiz Based on Browser Language

Use JavaScript to show the appropriate quiz to users based on their browser's language setting. The script should:

  • Detect the browser's language.
  • Map this language to the corresponding quiz ID.
  • Update quiz links and iframes on your site to point to the correct quiz version.

Script sample code:

document.addEventListener("DOMContentLoaded", function() {
  // Check browser's preferred language (get the first two characters to ignore region)
  const language = navigator.language.substring(0,2);

  // Your mapping of languages to quiz IDs
  const quizMapping = {
    'en': 'abc123',
    'fr': 'dfg456',
    'de': 'xyz423'
  };

  // Default language (fallback to English if not found)
  const defaultQuizId = quizMapping[language] || quizMapping['en'];

  // Find all quiz links and update the href
  const quizLinks = document.querySelectorAll('a[href^="#quiz-"]');
  quizLinks.forEach(link => {
    link.setAttribute('href', '#quiz-' + defaultQuizId);
  });

  // Find all iframes with quiz URLs and update the src attribute and the data-url attribute of the parent div
  const quizIframes = document.querySelectorAll('iframe[src^="https://admin.revenuehunt.com/public/quiz/"]');
  quizIframes.forEach(iframe => {
    const newSrc = iframe.src.replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
    iframe.src = newSrc;

    // If the parent div has the data-url attribute, update it as well
    const parentDiv = iframe.parentElement;
    if (parentDiv && parentDiv.hasAttribute('data-url')) {
      const newDataUrl = parentDiv.getAttribute('data-url').replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
      parentDiv.setAttribute('data-url', newDataUrl);
    }
  });
});

Warning

Make sure that you don’t publish two quizzes on the same page, as this may lead to unwanted behavior.

Warning

Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.

No extra steps are necessary in this version of the Shop Quiz: Product Recommendation Quiz. The right quiz will already be loaded based on the market it was assigned to.

Use JavaScript to show the appropriate quiz to users based on their browser's language setting. The script should:

  • Detect the browser's language.
  • Map this language to the corresponding quiz ID.
  • Update quiz links and iframes on your site to point to the correct quiz version.

Script sample code:

document.addEventListener("DOMContentLoaded", function() {
  // Check browser's preferred language (get the first two characters to ignore region)
  const language = navigator.language.substring(0,2);

  // Your mapping of languages to quiz IDs
  const quizMapping = {
    'en': 'abc123',
    'fr': 'dfg456',
    'de': 'xyz423'
  };

  // Default language (fallback to English if not found)
  const defaultQuizId = quizMapping[language] || quizMapping['en'];

  // Find all quiz links and update the href
  const quizLinks = document.querySelectorAll('a[href^="#quiz-"]');
  quizLinks.forEach(link => {
    link.setAttribute('href', '#quiz-' + defaultQuizId);
  });

  // Find all iframes with quiz URLs and update the src attribute and the data-url attribute of the parent div
  const quizIframes = document.querySelectorAll('iframe[src^="https://admin.revenuehunt.com/public/quiz/"]');
  quizIframes.forEach(iframe => {
    const newSrc = iframe.src.replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
    iframe.src = newSrc;

    // If the parent div has the data-url attribute, update it as well
    const parentDiv = iframe.parentElement;
    if (parentDiv && parentDiv.hasAttribute('data-url')) {
      const newDataUrl = parentDiv.getAttribute('data-url').replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
      parentDiv.setAttribute('data-url', newDataUrl);
    }
  });
});

Warning

Make sure that you don’t publish two quizzes on the same page, as this may lead to unwanted behavior.

Use JavaScript to show the appropriate quiz to users based on their browser's language setting. The script should:

  • Detect the browser's language.
  • Map this language to the corresponding quiz ID.
  • Update quiz links and iframes on your site to point to the correct quiz version.

Script sample code:

document.addEventListener("DOMContentLoaded", function() {
  // Check browser's preferred language (get the first two characters to ignore region)
  const language = navigator.language.substring(0,2);

  // Your mapping of languages to quiz IDs
  const quizMapping = {
    'en': 'abc123',
    'fr': 'dfg456',
    'de': 'xyz423'
  };

  // Default language (fallback to English if not found)
  const defaultQuizId = quizMapping[language] || quizMapping['en'];

  // Find all quiz links and update the href
  const quizLinks = document.querySelectorAll('a[href^="#quiz-"]');
  quizLinks.forEach(link => {
    link.setAttribute('href', '#quiz-' + defaultQuizId);
  });

  // Find all iframes with quiz URLs and update the src attribute and the data-url attribute of the parent div
  const quizIframes = document.querySelectorAll('iframe[src^="https://admin.revenuehunt.com/public/quiz/"]');
  quizIframes.forEach(iframe => {
    const newSrc = iframe.src.replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
    iframe.src = newSrc;

    // If the parent div has the data-url attribute, update it as well
    const parentDiv = iframe.parentElement;
    if (parentDiv && parentDiv.hasAttribute('data-url')) {
      const newDataUrl = parentDiv.getAttribute('data-url').replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
      parentDiv.setAttribute('data-url', newDataUrl);
    }
  });
});

Warning

Make sure that you don’t publish two quizzes on the same page, as this may lead to unwanted behavior.

Use JavaScript to show the appropriate quiz to users based on their browser's language setting. The script should:

  • Detect the browser's language.
  • Map this language to the corresponding quiz ID.
  • Update quiz links and iframes on your site to point to the correct quiz version.

Script sample code:

document.addEventListener("DOMContentLoaded", function() {
  // Check browser's preferred language (get the first two characters to ignore region)
  const language = navigator.language.substring(0,2);

  // Your mapping of languages to quiz IDs
  const quizMapping = {
    'en': 'abc123',
    'fr': 'dfg456',
    'de': 'xyz423'
  };

  // Default language (fallback to English if not found)
  const defaultQuizId = quizMapping[language] || quizMapping['en'];

  // Find all quiz links and update the href
  const quizLinks = document.querySelectorAll('a[href^="#quiz-"]');
  quizLinks.forEach(link => {
    link.setAttribute('href', '#quiz-' + defaultQuizId);
  });

  // Find all iframes with quiz URLs and update the src attribute and the data-url attribute of the parent div
  const quizIframes = document.querySelectorAll('iframe[src^="https://admin.revenuehunt.com/public/quiz/"]');
  quizIframes.forEach(iframe => {
    const newSrc = iframe.src.replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
    iframe.src = newSrc;

    // If the parent div has the data-url attribute, update it as well
    const parentDiv = iframe.parentElement;
    if (parentDiv && parentDiv.hasAttribute('data-url')) {
      const newDataUrl = parentDiv.getAttribute('data-url').replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
      parentDiv.setAttribute('data-url', newDataUrl);
    }
  });
});

Warning

Make sure that you don’t publish two quizzes on the same page, as this may lead to unwanted behavior.

Use JavaScript to show the appropriate quiz to users based on their browser's language setting. The script should:

  • Detect the browser's language.
  • Map this language to the corresponding quiz ID.
  • Update quiz links and iframes on your site to point to the correct quiz version.

Script sample code:

document.addEventListener("DOMContentLoaded", function() {
  // Check browser's preferred language (get the first two characters to ignore region)
  const language = navigator.language.substring(0,2);

  // Your mapping of languages to quiz IDs
  const quizMapping = {
    'en': 'abc123',
    'fr': 'dfg456',
    'de': 'xyz423'
  };

  // Default language (fallback to English if not found)
  const defaultQuizId = quizMapping[language] || quizMapping['en'];

  // Find all quiz links and update the href
  const quizLinks = document.querySelectorAll('a[href^="#quiz-"]');
  quizLinks.forEach(link => {
    link.setAttribute('href', '#quiz-' + defaultQuizId);
  });

  // Find all iframes with quiz URLs and update the src attribute and the data-url attribute of the parent div
  const quizIframes = document.querySelectorAll('iframe[src^="https://admin.revenuehunt.com/public/quiz/"]');
  quizIframes.forEach(iframe => {
    const newSrc = iframe.src.replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
    iframe.src = newSrc;

    // If the parent div has the data-url attribute, update it as well
    const parentDiv = iframe.parentElement;
    if (parentDiv && parentDiv.hasAttribute('data-url')) {
      const newDataUrl = parentDiv.getAttribute('data-url').replace(/quiz\/\w+/, 'quiz/' + defaultQuizId);
      parentDiv.setAttribute('data-url', newDataUrl);
    }
  });
});

Warning

Make sure that you don’t publish two quizzes on the same page, as this may lead to unwanted behavior.

Step 3: Redirect to Translated Product URL

Our application syncs only the base products from your store. Products translated into other languages won't have unique IDs for sync. Although you can change the quiz language, product names and descriptions will be displayed in the original language.

A workaround for this could be creating quizzes in different languages and redirecting users to the translated product pages with JavaScript.

  1. Instead of adding a product to cart, you can change the checkout settings to link to product and point customers to the translated product page.
  2. By default, the customer will be redirected to the original product URL, but you can force an automatic URL change via JavaScript.
  3. For example, you can tell the Results Page to automatically change all the links from this https://www.example.com/products/productA to this https://www.example.com/en/products/productA This way your customers will be automatically redirected to the translated product page.
  4. To redirect to an English translation of a product, one can use:

    let shopURL = "https://www.example.com";
    
    var links = document.querySelectorAll(".lq-product a");
    
    for (let i = 0; i < links.length; i++) {
    var href = links[i].href;
    links[i].href = href.replace(shopURL,shopURL+"/en");
    }
    

  5. Make sure to replace the https://www.example.com with your store URL and change the shopURL+"/en" to the language code you have set up in your store (for example, shopURL+"/fr" for French).


While awaiting native multi-language plugin support, these steps allow for a versatile approach to presenting and managing quizzes in multiple languages, ensuring a tailored experience for your international audience.

Warning

Version 2 of the Shop Quiz: Product Recommender app is not yet available. It is currently in the beta testing phase. Learn more here.

No extra steps are necessary in this version of the Shop Quiz: Product Recommendation Quiz. The quiz will display the right products on the resutls page based on the market the quiz was assigned to.

Our application syncs only the base products from your store. Products translated into other languages won't have unique IDs for sync. Although you can change the quiz language, product names and descriptions will be displayed in the original language.

A workaround for this could be creating quizzes in different languages and redirecting users to the translated product pages with JavaScript.

  1. Instead of adding a product to cart, you can change the checkout settings to link to product and point customers to the translated product page.
  2. By default, the customer will be redirected to the original product URL, but you can force an automatic URL change via JavaScript.
  3. For example, you can tell the Results Page to automatically change all the links from this https://www.example.com/products/productA to this https://www.example.com/en/products/productA This way your customers will be automatically redirected to the translated product page.
  4. To redirect to an English translation of a product, one can use:

    let shopURL = "https://www.example.com";
    
    var links = document.querySelectorAll(".lq-product a");
    
    for (let i = 0; i < links.length; i++) {
    var href = links[i].href;
    links[i].href = href.replace(shopURL,shopURL+"/en");
    }
    

  5. Make sure to replace the https://www.example.com with your store URL and change the shopURL+"/en" to the language code you have set up in your store (for example, shopURL+"/fr" for French).


While awaiting native multi-language plugin support, these steps allow for a versatile approach to presenting and managing quizzes in multiple languages, ensuring a tailored experience for your international audience.

Our application syncs only the base products from your store. Products translated into other languages won't have unique IDs for sync. Although you can change the quiz language, product names and descriptions will be displayed in the original language.

A workaround for this could be creating quizzes in different languages and redirecting users to the translated product pages with JavaScript.

  1. Instead of adding a product to cart, you can change the checkout settings to link to product and point customers to the translated product page.
  2. By default, the customer will be redirected to the original product URL, but you can force an automatic URL change via JavaScript.
  3. For example, you can tell the Results Page to automatically change all the links from this https://www.example.com/products/productA to this https://www.example.com/en/products/productA This way your customers will be automatically redirected to the translated product page.
  4. To redirect to an English translation of a product, one can use:

    let shopURL = "https://www.example.com";
    
    var links = document.querySelectorAll(".lq-product a");
    
    for (let i = 0; i < links.length; i++) {
    var href = links[i].href;
    links[i].href = href.replace(shopURL,shopURL+"/en");
    }
    

  5. Make sure to replace the https://www.example.com with your store URL and change the shopURL+"/en" to the language code you have set up in your store (for example, shopURL+"/fr" for French).


While awaiting native multi-language plugin support, these steps allow for a versatile approach to presenting and managing quizzes in multiple languages, ensuring a tailored experience for your international audience.

Our application syncs only the base products from your store. Products translated into other languages won't have unique IDs for sync. Although you can change the quiz language, product names and descriptions will be displayed in the original language.

A workaround for this could be creating quizzes in different languages and redirecting users to the translated product pages with JavaScript.

  1. Instead of adding a product to cart, you can change the checkout settings to link to product and point customers to the translated product page.
  2. By default, the customer will be redirected to the original product URL, but you can force an automatic URL change via JavaScript.
  3. For example, you can tell the Results Page to automatically change all the links from this https://www.example.com/products/productA to this https://www.example.com/en/products/productA This way your customers will be automatically redirected to the translated product page.
  4. To redirect to an English translation of a product, one can use:

    let shopURL = "https://www.example.com";
    
    var links = document.querySelectorAll(".lq-product a");
    
    for (let i = 0; i < links.length; i++) {
    var href = links[i].href;
    links[i].href = href.replace(shopURL,shopURL+"/en");
    }
    

  5. Make sure to replace the https://www.example.com with your store URL and change the shopURL+"/en" to the language code you have set up in your store (for example, shopURL+"/fr" for French).


While awaiting native multi-language plugin support, these steps allow for a versatile approach to presenting and managing quizzes in multiple languages, ensuring a tailored experience for your international audience.

Our application syncs only the base products from your store. Products translated into other languages won't have unique IDs for sync. Although you can change the quiz language, product names and descriptions will be displayed in the original language.

A workaround for this could be creating quizzes in different languages and redirecting users to the translated product pages with JavaScript.

  1. Instead of adding a product to cart, you can change the checkout settings to link to product and point customers to the translated product page.
  2. By default, the customer will be redirected to the original product URL, but you can force an automatic URL change via JavaScript.
  3. For example, you can tell the Results Page to automatically change all the links from this https://www.example.com/products/productA to this https://www.example.com/en/products/productA This way your customers will be automatically redirected to the translated product page.
  4. To redirect to an English translation of a product, one can use:

    let shopURL = "https://www.example.com";
    
    var links = document.querySelectorAll(".lq-product a");
    
    for (let i = 0; i < links.length; i++) {
    var href = links[i].href;
    links[i].href = href.replace(shopURL,shopURL+"/en");
    }
    

  5. Make sure to replace the https://www.example.com with your store URL and change the shopURL+"/en" to the language code you have set up in your store (for example, shopURL+"/fr" for French).


While awaiting native multi-language plugin support, these steps allow for a versatile approach to presenting and managing quizzes in multiple languages, ensuring a tailored experience for your international audience.