fbpx

How to display different images or videos in each language

In a slightly different fashion to how our on-page text translation system works, you can configure images, videos and galleries to be specifically for one language.

How to make an image language-specific

Add a caption or Alt text to the image and enter the text [english] as your caption and the Multilingualizer will only display that image for English users. Similarly, [french], [spanish], [italian], [german] etc – see languages available at the bottom of this page

Do not put images inside Multilingualizer text blocks

You may be tempted to have a whole bunch of English text, an English image, then more English text before repeating with your other languages – e.g. french text block1 -> french image -> french text block 2.

With the Multilingualizer, you should avoid this – instead, above your image you should have both (or all) of your translations for that text block. Before you have your language-specific image, ensure you close off the Multilingualizer text block. Then you can have your language-specific images, and then the third block would be text again in each of your languages.

Failure to follow this guidance will mean you end up with gaps appearing inside your text which are exactly the height of the images. We’re working on an upgrade to improve this and make this a little easier.

Take care with Squarespace Commerce

Please do not add thumbnails inside Squarespace Commerce if you want them to be language-specific. Doing so will prevent this code from working. Squarespace will still gather a thumbnail automatically from the larger image.

How to make galleries language-specific

Using the same technique, add a caption or alt text to any image inside the gallery and this will configure the entire gallery to be specific to a single language. That means, if you add [english] to the description of any one image in your gallery, that entire gallery will be considered to be for English-speaking users only. You can add another gallery below it and have that specific to your other languages.

Don’t make the mistake of placing [english] and [french] images inside the same gallery, because this will cause the gallery to not appear for either language.

How to make videos language-specific

Add a caption to the video containing [english], [french] or any language marker listed below. With videos, you do not get the alt text option, but you can set the caption on the video and then (in Squarespace anyway) configure the caption to not be displayed. With videos, this will still work as Squarespace still keeps a note of the caption even although it’s not displayed on screen, so we have something we can use to detect the language marker.

Language Codes

You can find your language codes in the list below.

  • Abkhazian – ab
  • Afrikaans – af
  • Aragonese – an
  • Arabic – ar
  • Assamese – as
  • Azerbaijani – az
  • Belarusian – be
  • Bulgarian – bg
  • Bengali – bn
  • Tibetan – bo
  • Breton – br
  • Bosnian – bs
  • Catalan / Valencian – ca
  • Chechen – ce
  • Corsican – co
  • Czech – cs
  • Church Slavic – cu
  • Welsh – cy
  • Danish – da
  • German – de
  • Greek – el
  • English – en
  • Esperanto – eo
  • Spanish / Castilian – es
  • Estonian – et
  • Basque – eu
  • Persian – fa
  • Finnish – fi
  • Fijian – fj
  • Faroese – fo
  • French – fr
  • Western Frisian – fy
  • Irish – ga
  • Gaelic / Scottish Gaelic – gd
  • Galician – gl
  • Manx – gv
  • Hebrew – he
  • Hindi – hi
  • Croatian – hr
  • Haitian; Haitian Creole – ht
  • Hungarian – hu
  • Armenian – hy
  • Indonesian – id
  • Icelandic – is
  • Italian – it
  • Japanese – ja
  • Javanese – jv
  • Georgian – ka
  • Kongo – kg
  • Korean – ko
  • Kurdish – ku
  • Cornish – kw
  • Kirghiz – ky
  • Latin – la
  • Luxembourgish Letzeburgesch – lb
  • Limburgan Limburger Limburgish – li
  • Lingala – ln
  • Lithuanian – lt
  • Latvian – lv
  • Malagasy – mg
  • Macedonian – mk
  • Mongolian – mn
  • Moldavian – mo
  • Malay – ms
  • Maltese – mt
  • Burmese – my
  • Norwegian (Bokm¬l) – nb
  • Nepali – ne
  • Dutch – nl
  • Norwegian (Nynorsk) – nn
  • Norwegian – no
  • Occitan (post 1500); ProvenÁal – oc
  • Polish – pl
  • Portuguese – pt
  • Raeto-Romance – rm
  • Romanian – ro
  • Russian – ru
  • Sardinian – sc
  • Northern Sami – se
  • Slovak – sk
  • Slovenian – sl
  • Somali – so
  • Albanian – sq
  • Serbian – sr
  • Swedish – sv
  • Swahili – sw
  • Turkmen – tk
  • Turkish – tr
  • Tahitian – ty
  • Ukrainian – uk
  • Urdu – ur
  • Uzbek – uz
  • Vietnamese – vi
  • Volapuk – vo
  • Yiddish – yi
  • Chinese – zh
Woofybot
Ask our bot anything