Feedback widget language

Any updates on this? it's a deal breaker! And super easy to program

Hi,

This topic has been started 3 years ago and not one response from freshdesk ?!?

I'm also missing this feature dearly. We are switching our own website to multilangage and were using the freshdesk widget very efficiently. We are going to need to take the widget off our website if there is no quick evolution on this topic. And might think about changing our ticketing solution to a more responsive one as well... Freshdesk can't sell a "multilanguage ticketing solution" and not provide code for a multilanguage ticketing widget !!!

The need is to give the possibility of passing a language (e.g lang: "FR") argument within the code of the widget. That was explained very clearly by Johannes De Ridder in the first post of this topic.

It's crazy that this still isn't implemented 3 years after my original request. This is an essential feature for multilingual support.

It doesn't matter for us anymore because we left Freshdesk for an other ticketing system a year ago. But this should really be implemented asap.

I assume nothing significant happend since the comment a year ago.
I do see possibility to translate the feedback widget button, the submit button, and the heading but how about form field placeholders? Two more configuration properties would resolve this discussion forever.

The feedback widget is useless in a multilingual environment.

Since I looked for a solution and couldn't find it, I coded my own. 
Here's using the widget in React.js

You can set the "locale" parameter, but it won't change the widget unless you remove the script tag and add it again

HelpWidget.js

import useScript from "lib/useScript"
import React, { useEffect } from "react"

const HelpWidget = ({ languageId }) => {
  const [loaded, error] = useScript(
    "https://widget.freshworks.com/widgets/19000000227.js"
  )

  useEffect(() => {
    if (loaded) {
      console.log("it loaded!")
    }
    if (typeof window !== undefined) {
      window.fwSettings = {
        widget_id: 19000000227,
        locale: languageId
      }

      !(function() {
        if ("function" != typeof window.FreshworksWidget) {
          var n = function() {
            n.q.push(arguments)
          }
          ;(n.q = []), (window.FreshworksWidget = n)
        }
      })()
    }
    return () => {}
  }, [loaded])

  useEffect(() => {
    if (typeof window !== undefined) {
      if ("function" == typeof window.FreshworksWidget) {
        window.FreshworksWidget("destroy")
        window.fwSettings = {
          widget_id: 19000000227,
          locale: languageId
        }
        const oldScript = document.querySelector(
          'script[src="https://widget.freshworks.com/widgets/19000000227.js"]'
        )
        if (oldScript) oldScript.remove()

        const script = document.createElement("script")
        script.async = true
        script.src = "https://widget.freshworks.com/widgets/19000000227.js"
        document.head.appendChild(script)
      }
    }
  }, [languageId])

  return <></>
}
export default HelpWidget 

useScript.js https://usehooks.com/useScript/

import { useEffect, useState } from "react"

// Hook
let cachedScripts = []
export default function useScript(src) {
  // Keeping track of script loaded and error state
  const [state, setState] = useState({
    loaded: false,
    error: false
  })

  useEffect(
    () => {
      // If cachedScripts array already includes src that means another instance ...
      // ... of this hook already loaded this script, so no need to load again.
      if (cachedScripts.includes(src)) {
        setState({
          loaded: true,
          error: false
        })
      } else {
        cachedScripts.push(src)

        // Create script
        let script = document.createElement("script")
        script.src = src
        script.async = true

        // Script event listener callbacks for load and error
        const onScriptLoad = () => {
          setState({
            loaded: true,
            error: false
          })
        }

        const onScriptError = () => {
          // Remove from cachedScripts we can try loading again
          const index = cachedScripts.indexOf(src)
          if (index >= 0) cachedScripts.splice(index, 1)
          script.remove()

          setState({
            loaded: true,
            error: true
          })
        }

        script.addEventListener("load", onScriptLoad)
        script.addEventListener("error", onScriptError)

        // Add script to document body
        document.body.appendChild(script)

        // Remove event listeners on cleanup
        return () => {
          script.removeEventListener("load", onScriptLoad)
          script.removeEventListener("error", onScriptError)
        }
      }
    },
    [src] // Only re-run effect if script src changes
  )

  return [state.loaded, state.error]
}