Step1. Edit the appearance of your site.

Login to your UserVoice Dashboard and click on "Settings" in the top right section. From the "Settings" menu select "Web Portal".

In the "Appearance and features" click on the "Edit..." button in the right corner.

Select the "HTML/CSS/Javascript" tab. Click check box to enable Custom HTML/CSS/Javascript.

Step 2. Insert our JavaScript SDK initialization code to the head section of your site.

Copy the following code to the head section of your site. Make sure you replace "YOUR-PROJECT-TOKEN" and "YOUR-PUBLIC-KEY" with your token and key, click the "Save" button.

<script src=""></script>  
   key: "YOUR-PROJECT-KEY",   
   translateBody: true,
   translateTitle: true

The initialization code should be inserted right under the "head" tag.

Step 3. Add links to change languages.

You can either create your own links to change languages or use one of our default language selectors to automatically generate language links.

To create manual links, you simply need to add a link with the following JavaScript method call.


For example, you can make the above method call to a link tag:

<a onclick="tml.changeLanguage('ru')">Russian</a>  
<a onclick="tml.changeLanguage('es')">Spanish</a>  

To use our default language selector, add an empty HTML tag to your page and indicate which language selector you want to use.

<div data-tml-language-selector="popup" data-tml-toggle=true data-tml-powered-by=true></div>  

In order to finish integration and start extracting content for translation make sure you will enable inline translation mode.
To do that use our shortcut:

CTRL Shift I for inline mode

CTRL Shift L select language selector

**Integration with Uservoice is now complete please follow our simple few steps tutorial on how to complete Translations and how to publish it for your users: Translation Process