Translations
Freshpaint offers a HIPAA-compliant translation widget giving customers access to 74 supported languages.
Live Demo
The example site has a full working translation demo.
How To Install
To install the Freshpaint Translation snippet on your site you need to have three pieces of information
Your environment ID (Where do I find my Environment ID?)
What languages does your site want to support (see our list for our supported languages and their language codes).
What UI handler would you like to use and the appropriate handler settings (See specific handler instructions)
Once you have the above information you can edit your snippet and paste it into your website source code.
Snippets
We currently have three UI styles clients can choose from. Once you choose the one you like, follow the instructions on how to edit it to get all the appropriate information in the snippet and placed on your site.
Floating UI
This format is a simple UI element that floats on top of the page on either the lower left or the right side of the page. This element is the easiest to install because it doesn't require any existing HTML on the page to inject itself.
To edit this snippet follow these instructions:
Replace
ENV_ID_HERE
with your Environment ID.Decide if you want the floating UI on the left or right. This snippet is set to left but the word
left
can be replaced withright
.Languages
Decide what languages you want, you do not need to include English (In our example we will use Mexican Spanish, Russian, and Dutch)
Find your language codes (In our example we have
es-MX
,ru
, andnl
)Format your languages as comma separated strings (
"es-MX", "ru", "nl"
)Replace
LANGUAGES_HERE
with your list
Paste this customized snippet onto your site.
Inline Window UI
This format is takes up less space but is a little more complex to install since the website needs a destination of where it needs to be inserted.
To edit this snippet follow these instructions:
Replace
ENV_ID_HERE
with your Environment ID.Insert an HTML div on your website with the ID
fp_translate
. If you need to use a different ID replacefp_translate
in the snippet with the appropriate div ID.<div id="fp_translate"></div>
Languages
Decide what languages you want, you do not need to include English (In our example we will use Mexican Spanish, Russian, and Dutch)
Find your language codes (In our example we have
es-MX
,ru
, andnl
)Format your languages as comma separated strings (
"es-MX", "ru", "nl"
)Replace
LANGUAGES_HERE
with your list
Paste this customized snippet onto your site.
Basic UI
This format is our most basic UI. This element is meant for customers who need very little out of the box functionality and want to completely customize their experience.
To edit this snippet follow these instructions:
Replace
ENV_ID_HERE
with your Environment ID.Insert an HTML div on your website with the ID
fp_translate
. If you need to use a different ID replacefp_translate
in the snippet with the appropriate div ID.<div id="fp_translate"></div>
Languages
Decide what languages you want, you do not need to include English (In our example we will use Mexican Spanish, Russian, and Dutch)
Find your language codes (In our example we have
es-MX
,ru
, andnl
)Format your languages as comma separated strings (
"es-MX", "ru", "nl"
)Replace
LANGUAGES_HERE
with your list
Paste this customized snippet onto your site.
Supported Languages
Last updated