Freshpaint
HomeLogin
  • Documentation
    • What is Freshpaint?
    • ⚕️HIPAA Mode
    • 🏗️Building Out Your Account
    • 🌐Overview of Features
    • Guides
      • 📡Add Autotrack to your website to collect data from your users
        • Installing the Freshpaint Javascript SDK
        • Installing the Freshpaint SDK with a Content Security Policy (CSP)
        • Installing the Freshpaint Javascript SDK with Server-Side Rendering (SSR) + React
        • Autocapture + React
        • Configuring a Destination
        • Labeling User Actions
        • How do I install Freshpaint with Typescript?
      • 🔁Send historical data to any destination with Time Machine
      • Next.js Quickstart Guide
      • Android Quickstart Guide
        • Installing the Freshpaint Android SDK
        • Configuring a Destination
        • Instrumenting Your App
      • iOS Quickstart Guide
        • Installing the Freshpaint iOS SDK
        • Configuring a Destination
        • Instrumenting Your App
      • React Native Quickstart Guide
        • Installing the Freshpaint React Native SDK
        • Configuring a Destination
        • Labeling User Actions
        • Configuring Property Capture
    • Setting up Properties
    • Setting up Your Destinations
      • Enabling and Disabling a Destination
      • Deleting a Destination
    • Setting up Your Events
    • User Identification
      • Designated Identify Properties
    • Maps
    • Analytics (Beta)
      • Web Analytics Dashboard
      • Campaigns
      • Service Lines
      • Data Glossary
    • Translations
    • Web Tracker Monitoring
      • Tracker Resolution Types
      • Historical Scans
  • Integrations
    • Destinations
      • Demand Side Platforms (DSPs)
        • Basis
          • Basis Quick Start Guide
          • Basis Reference
        • Google Campaign Manager 360
        • StackAdapt
          • StackAdapt Quick Start Guide
          • StackAdapt Reference
        • theTradeDesk
          • theTradeDesk Quick Start Guide
          • theTradeDesk Reference
          • theTradeDesk with CM360 Configuration Guide
        • Viant
          • Viant Quick Start Guide
          • Viant Reference
      • Direct Response Ads
        • Facebook Conversions API
          • Facebook Conversions API Quick Start Guide
          • Facebook Conversions API Reference
        • Google Ads Conversion API
          • Google Ads Conversion API Quick Start Guide
          • Google Ads Conversions API Reference
        • Google Ads
          • Google Ads Quick Start Guide
          • Google Ads Reference
        • LinkedIn Ads
          • LinkedIn Ads Quick Start Guide
          • LinkedIn Ads Reference
        • Microsoft Ads (formerly Bing Ads)
          • Microsoft Ads Quick Start Guide
          • Microsoft Ads Reference
          • Microsoft Ads Multi-Config Reference
        • Pinterest Ads (Beta)
          • Pinterest Ads Quick Start Guide
          • Pinterest Ads Reference
        • Pinterest Tag
        • Reddit Ads
          • Reddit Ads Quick Start Guide
          • Reddit Ads Reference
        • TikTok Ads
        • Twitter Ads
      • Data Activation
        • ActiveCampaign
          • ActiveCampaign Quick Start Guide
          • ActiveCampaign Reference
        • Amplitude
          • Amplitude Quick Start Guide
          • Amplitude Reference
        • Braze (formerly Appboy)
          • Braze Quick Start Guide
          • Braze Reference
        • Customer.io
          • Customer.io Quick Start Guide
          • Customer.io Reference
        • Freshsales
        • Google Analytics 4 Proxy
          • Google Analytics 4 Proxy Quick Start Guide
          • Google Analytics 4 Proxy Reference
          • Google Analytics 4 Proxy Advanced Tracking Configurations
        • Google Analytics 4 Server-Side
          • Google Analytics 4 Server-Side Quick Start Guide
          • Google Analytics 4 Server-Side Reference
        • Heap
        • Hotjar
        • HubSpot Cloud
        • HubSpot Web
        • impact.com
          • Impact.com Quick Start Guide
          • Impact.com Reference
        • Intercom
          • Intercom Quick Start Guide
          • Intercom Reference
        • Iterable
          • Iterable Quick Start Guide
          • Iterable Reference
        • June
        • Klaviyo
        • Mixpanel
          • Mixpanel Quick Start Guide
          • Mixpanel Reference
        • OneSignal
          • OneSignal Quick Start Guide
          • OneSignal Reference
        • Sendinblue
        • Sentry
        • Vero Cloud
        • Webengage
        • Webhooks
        • Woopra
        • Zendesk
      • Data Warehouses
        • Azure Warehouse Setup
        • BigQuery Warehouse Setup
        • Databricks Warehouse Setup
        • Postgres Warehouse Setup
        • Redshift Warehouse Setup
        • S3 Warehouse Setup
        • Snowflake Warehouse Setup
      • Consent Management
        • Osano
        • OneTrust
        • Custom Consent Manager
    • Sources
      • Web
        • Autotrack
        • Precision Tracking
      • CallRail
      • Invoca
      • Customer.io
      • Intercom
      • Mailchimp
      • React Native
      • SendGrid
      • Sendinblue
      • Server-Side
      • iOS
    • 🔷Google Tag Manager integration
      • Google Tag Manager migration
      • Quick Start Guide
    • 📺Freshpaint Video Platform
    • 🖼️Impression Pixel
  • Admin Panel
    • Event Library
      • Event Library Bulk Actions
      • Event Definition Filters
      • Event Tester
      • 🔁Time Machine
      • Visual Tagger
      • Advanced Options
        • Tag Manager
        • Disabling Target Text Capture
        • Cross Domain Tracking
    • Projects & Environments
    • Teams
      • Role-Based Access Control (RBAC)
    • Transformations
      • Standard Events
      • Modify Data
      • Modify User Data
      • SQL Transformations
    • 📈Destination Monitoring
    • 🔎Investigate: Testing and Debugging
      • Live View
      • Event Verification
  • Reference
    • Developer Docs
      • Freshpaint Web SDK Reference
      • Freshpaint Web SDK Options
      • Freshpaint React Native SDK Reference
      • Freshpaint iOS SDK Reference
      • Freshpaint Android SDK Reference
      • HTTP API
    • Frequently Asked Questions
      • How do I circumvent ad blockers?
      • Can Freshpaint track users across domains?
      • Can I install Freshpaint on a Chrome extension?
      • What properties are captured with my events?
      • How Do I Switchover From Segment?
      • How Do I Switch From Native Google Analytics to the Freshpaint Google Analytics Destination?
      • Where do I find my Environment ID?
      • Is Freshpaint GDPR & CCPA Compliant?
      • Can I use transformations to anonymize data for client-side destinations?
      • How do I QA or debug my data?
      • Why Do My Numbers Differ Across Different Tools?
      • Billing: How Does Freshpaint Determine MTUs?
      • Can I Use Freshpaint on Multiple Sites?
      • How Can I Export Data From Freshpaint?
      • How Does Freshpaint Identify Users?
      • How Many Events Should I Create?
      • What Should I Name My Events?
      • How do I track scroll depth?
      • What Data Does Freshpaint Collect?
        • Data Collected on Web
        • Data Collected on React Native
      • Does Freshpaint's Autotrack slow my site down?
      • Running Freshpaint with a Proxy
      • Should my Environment ID be treated as a sensitive key?
      • How Does Freshpaint Determine Session Count?
      • What is the difference between client-side and server-side connection mode?
      • What is a Proxy Integration?
      • Where can I view Freshpaint’s Status?
      • Does Freshpaint provide HIPAA audit logs?
      • Freshpaint Cookie Too Large
      • How does Freshpaint compare to server-side Google Tag Manager?
      • If a user re-installs my app, will Freshpaint generate a new device ID?
      • Why doesn't Freshpaint need a BAA before sending data to Google Ads and Facebook Ads?
      • What Implementation Services Does Freshpaint Offer?
      • Single Sign On (SSO) Setup
Powered by GitBook
On this page
  • Live Demo
  • How To Install
  • Snippets
  • Supported Languages

Was this helpful?

  1. Documentation

Translations

Freshpaint offers a HIPAA-compliant translation widget giving customers access to 74 supported languages.

PreviousData GlossaryNextWeb Tracker Monitoring

Last updated 10 months ago

Was this helpful?

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

  1. Your environment ID (Where do I find my Environment ID?)

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:

  1. 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 with right.

  2. Languages

    1. Decide what languages you want, you do not need to include English (In our example we will use Mexican Spanish, Russian, and Dutch)

    2. Find your language codes (In our example we have es-MX, ru, and nl)

    3. Format your languages as comma separated strings ("es-MX", "ru", "nl")

    4. Replace LANGUAGES_HERE with your list

  3. Paste this customized snippet onto your site.

<script>(function(t){typeof define=="function"&&define.amd?define(t):t()})(function(){"use strict";((t,a,c,i=[],r=[])=>{let e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//freshpaint-cdn.com/translation/translate.js",e.onload=function(){new Translate(document.documentElement,t,Translate.handlerFactory(a,...c),i,r)};let n=document.getElementsByTagName("script")[0];n?n.parentNode.insertBefore(e,n):document.head.appendChild(e)})("ENV_ID_HERE","floating",["left",[LANGUAGES_HERE]])});</script>

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:

  1. Insert an HTML div on your website with the ID fp_translate. If you need to use a different ID replace fp_translate in the snippet with the appropriate div ID.

    1. <div id="fp_translate"></div>

  2. Languages

    1. Decide what languages you want, you do not need to include English (In our example we will use Mexican Spanish, Russian, and Dutch)

    2. Find your language codes (In our example we have es-MX, ru, and nl)

    3. Format your languages as comma separated strings ("es-MX", "ru", "nl")

    4. Replace LANGUAGES_HERE with your list

  3. Paste this customized snippet onto your site.

<script>(function(t){typeof define=="function"&&define.amd?define(t):t()})(function(){"use strict";((t,a,c,i=[],r=[])=>{let e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//freshpaint-cdn.com/translation/translate.js",e.onload=function(){new Translate(document.documentElement,t,Translate.handlerFactory(a,...c),i,r)};let n=document.getElementsByTagName("script")[0];n?n.parentNode.insertBefore(e,n):document.head.appendChild(e)})("ENV_ID_HERE","window",["fp_translate",[LANGUAGES_HERE]])});</script>

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:

  1. Insert an HTML div on your website with the ID fp_translate. If you need to use a different ID replace fp_translate in the snippet with the appropriate div ID.

    1. <div id="fp_translate"></div>

  2. Languages

    1. Decide what languages you want, you do not need to include English (In our example we will use Mexican Spanish, Russian, and Dutch)

    2. Find your language codes (In our example we have es-MX, ru, and nl)

    3. Format your languages as comma separated strings ("es-MX", "ru", "nl")

    4. Replace LANGUAGES_HERE with your list

  3. Paste this customized snippet onto your site.

<script>(function(t){typeof define=="function"&&define.amd?define(t):t()})(function(){"use strict";((t,a,c,i=[],r=[])=>{let e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//freshpaint-cdn.com/translation/translate.js",e.onload=function(){new Translate(document.documentElement,t,Translate.handlerFactory(a,...c),i,r)};let n=document.getElementsByTagName("script")[0];n?n.parentNode.insertBefore(e,n):document.head.appendChild(e)})("ENV_ID_HERE","basic",["fp_translate",[LANGUAGES_HERE]])});</script>

Supported Languages

Language Code
Language Name

af

Afrikaans

sq

Albanian

am

Amharic

ar

Arabic

hy

Armenian

az

Azerbaijani

bn

Bengali

bs

Bosnian

bg

Bulgarian

ca

Catalan

zh

Chinese (Simplified)

zh-TW

Chinese (Traditional)

hr

Croatian

cs

Czech

da

Danish

fa-AF

Dari

nl

Dutch

en

English

et

Estonian

fa

Farsi (Persian)

tl

Filipino, Tagalog

fi

Finnish

fr

French

fr-CA

French (Canada)

ka

Georgian

de

German

el

Greek

gu

Gujarati

ht

Haitian Creole

ha

Hausa

he

Hebrew

hi

Hindi

hu

Hungarian

is

Icelandic

id

Indonesian

ga

Irish

it

Italian

ja

Japanese

kn

Kannada

kk

Kazakh

ko

Korean

lv

Latvian

lt

Lithuanian

mk

Macedonian

ms

Malay

ml

Malayalam

mt

Maltese

mr

Marathi

mn

Mongolian

no

Norwegian (Bokmål)

ps

Pashto

pl

Polish

pt

Portuguese (Brazil)

pt-PT

Portuguese (Portugal)

pa

Punjabi

ro

Romanian

ru

Russian

sr

Serbian

si

Sinhala

sk

Slovak

sl

Slovenian

so

Somali

es

Spanish

es-MX

Spanish (Mexico)

sw

Swahili

sv

Swedish

ta

Tamil

te

Telugu

th

Thai

tr

Turkish

uk

Ukrainian

ur

Urdu

uz

Uzbek

vi

Vietnamese

cy

Welsh

What languages does your site want to support (see our for our supported languages and their language codes).

What UI handler would you like to use and the appropriate handler settings (See specific )

Replace ENV_ID_HERE with your .

Replace ENV_ID_HERE with your .

Replace ENV_ID_HERE with your .

Environment ID
Environment ID
Environment ID
list
handler instructions
LogoWelcome to Fresh Health
In this demo you can see the translation widget on the bottom left of the page
UI elements are subject to modification based on your site's CSS.
UI elements are subject to modification based on your site's CSS.
UI elements are subject to modification based on your site's CSS.