diff --git a/.tx/config b/.tx/config
new file mode 100644
index 0000000..0bef981
--- /dev/null
+++ b/.tx/config
@@ -0,0 +1,15 @@
+[main]
+host = https://www.transifex.com
+
+[o:silverstripe:p:silverstripe-cwp-agency-extensions:r:master]
+file_filter = lang/<lang>.yml
+source_file = lang/en.yml
+source_lang = en
+type        = YML
+
+[o:silverstripe:p:silverstripe-cwp-agency-extensions:r:master-js]
+file_filter = client/lang/src/<lang>.json
+source_file = client/lang/src/en.json
+source_lang = en
+type        = KEYVALUEJSON
+
diff --git a/client/lang/en.js b/client/lang/en.js
new file mode 100644
index 0000000..73899b2
--- /dev/null
+++ b/client/lang/en.js
@@ -0,0 +1,15 @@
+// This file was generated by silverstripe/tx-translator from client/lang/src/en.json.
+// See https://github.com/silverstripe/silverstripe-tx-translator for details
+if (typeof(ss) === 'undefined' || typeof(ss.i18n) === 'undefined') {
+  if (typeof(console) !== 'undefined') { // eslint-disable-line no-console
+    console.error('Class ss.i18n not defined');  // eslint-disable-line no-console
+  }
+} else {
+  ss.i18n.addDictionary('en', {
+    "ColorPickerField.EMPTY_TITLE": "None",
+    "ColorPickerField.SEARCH_BLOCKS": "Search colours",
+    "FontPickerField.EMPTY_TITLE": "None",
+    "FontPickerField.PREVIEW_FONT_SENTENCE": "The quick brown fox jumps over the lazy dog.",
+    "FontPickerField.PREVIEW_FONT_ALPHABET": "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 - = _ + < > ? / . , : \""
+});
+}
\ No newline at end of file
diff --git a/client/lang/src/en.json b/client/lang/src/en.json
new file mode 100644
index 0000000..cfa65d9
--- /dev/null
+++ b/client/lang/src/en.json
@@ -0,0 +1,7 @@
+{
+    "ColorPickerField.EMPTY_TITLE": "None",
+    "ColorPickerField.SEARCH_BLOCKS": "Search colours",
+    "FontPickerField.EMPTY_TITLE": "None",
+    "FontPickerField.PREVIEW_FONT_SENTENCE": "The quick brown fox jumps over the lazy dog.",
+    "FontPickerField.PREVIEW_FONT_ALPHABET": "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789 - = _ + < > ? / . , : \""
+}
\ No newline at end of file
diff --git a/composer.json b/composer.json
index c9854bd..bdabd0f 100644
--- a/composer.json
+++ b/composer.json
@@ -29,7 +29,8 @@
     "extra": {
         "expose": [
             "thirdparty/TinyMCE-FontAwesome-Plugin/fontawesome",
-            "client/dist"
+            "client/dist",
+            "client/lang"
         ]
     },
     "minimum-stability": "dev",
diff --git a/lang/ar.yml b/lang/ar.yml
index 43bbdfb..31864d9 100644
--- a/lang/ar.yml
+++ b/lang/ar.yml
@@ -2,6 +2,17 @@ ar:
   CWP\AgencyExtensions\Model\CarouselItem:
     PLURALNAME: 'العناصر الدائرية'
     SINGULARNAME: 'عنصر دائرى'
+    CONTENT_HELPTIP: ''
+    IMAGE_HELPTIP: ''
+    PLURALS:
+      zero: ''
+      one: ''
+      two: ''
+      few: ''
+      many: ''
+      other: ''
+    PRIMARYCALLTOACTION: ''
+    SECONDARYCALLTOACTION: ''
   CwpCarousel:
     ArchivedField: 'هل تود أن تقوم بتخزين هذا العنصر الدائرى؟'
     LinkField: رابط
@@ -22,3 +33,29 @@ ar:
     LogoRetinaUploadField: 'شعار عالى الدقة, ليظهر فى أعلى اليسار (يوصى بضعف الطول و العرض للشعار التقليدى)'
     LogoUploadField: 'الشعار, ليظهر أعلى اليسار'
     LogosIconsTab: الشعارات/الأيقونات
+    AccentColor: ''
+    AccentColorDescription: ''
+    CarouselBackground: ''
+    CarouselBackgroundDescription: ''
+    FooterBackground: ''
+    FooterLogoSecondaryDescField: ''
+    FooterLogoSecondaryField: ''
+    FooterLogoSecondaryLinkField: ''
+    HeaderBackground: ''
+    MainFontFamily: ''
+    NavigationBarBackground: ''
+    TextLinkColor: ''
+  CWP:
+    SITECONFIG.EmptySearch: ''
+    SITECONFIG.NoResult: ''
+  CarouselPageExtension:
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: ''
+  CwpConfig:
+    AppleIconField144: ''
+    FooterLogoLinkDesc: ''
+    FooterLogoRetinaField: ''
+    FooterLogoSecondaryLinkDesc: ''
+    LogoRetinaUploadField: ''
diff --git a/lang/en.yml b/lang/en.yml
index db700b1..d82cca5 100644
--- a/lang/en.yml
+++ b/lang/en.yml
@@ -38,6 +38,7 @@ en:
     php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: 'Add new'
     php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: 'NOTE: Carousel functionality will automatically be loaded when 2 or more items are added below'
     php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: Hero/Carousel
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: 'Used by screen readers'
   CwpConfig:
     AppleIconField144: 'Apple Touch Web Clip and Windows 8 Tile Icon (dimensions of 144x144, PNG format)'
     FooterLogoLinkDesc: 'Please include the protocol (ie, http:// or https://) unless it is an internal link.'
diff --git a/lang/eo.yml b/lang/eo.yml
index ca9edf9..2a69da9 100644
--- a/lang/eo.yml
+++ b/lang/eo.yml
@@ -2,6 +2,13 @@ eo:
   CWP\AgencyExtensions\Model\CarouselItem:
     PLURALNAME: 'Karuselaj elementoj'
     SINGULARNAME: 'Karusela elemento'
+    CONTENT_HELPTIP: ''
+    IMAGE_HELPTIP: ''
+    PLURALS:
+      one: ''
+      other: ''
+    PRIMARYCALLTOACTION: ''
+    SECONDARYCALLTOACTION: ''
   CwpCarousel:
     ArchivedField: 'Ĉu enarkivigi ĉi tiun karuselan elementon?'
     LinkField: Ligilo
@@ -22,3 +29,29 @@ eo:
     LogoRetinaUploadField: 'Tredistingiva bildsimbolo, aperonta ĉe la maldekstra supro (rekomeninda dufoje la alton kaj larĝon de la normala bildsimbolo)'
     LogoUploadField: 'Bildsimbolo, aperonta ĉe la maldekstra supro'
     LogosIconsTab: Bildsimboloj
+    AccentColor: ''
+    AccentColorDescription: ''
+    CarouselBackground: ''
+    CarouselBackgroundDescription: ''
+    FooterBackground: ''
+    FooterLogoSecondaryDescField: ''
+    FooterLogoSecondaryField: ''
+    FooterLogoSecondaryLinkField: ''
+    HeaderBackground: ''
+    MainFontFamily: ''
+    NavigationBarBackground: ''
+    TextLinkColor: ''
+  CWP:
+    SITECONFIG.EmptySearch: ''
+    SITECONFIG.NoResult: ''
+  CarouselPageExtension:
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: ''
+  CwpConfig:
+    AppleIconField144: ''
+    FooterLogoLinkDesc: ''
+    FooterLogoRetinaField: ''
+    FooterLogoSecondaryLinkDesc: ''
+    LogoRetinaUploadField: ''
diff --git a/lang/es.yml b/lang/es.yml
index 3e8ea99..747f161 100644
--- a/lang/es.yml
+++ b/lang/es.yml
@@ -2,6 +2,14 @@ es:
   CWP\AgencyExtensions\Model\CarouselItem:
     PLURALNAME: 'Items del carrusel'
     SINGULARNAME: 'Item del carrusel'
+    CONTENT_HELPTIP: ''
+    IMAGE_HELPTIP: ''
+    PLURALS:
+      one: ''
+      many: ''
+      other: ''
+    PRIMARYCALLTOACTION: ''
+    SECONDARYCALLTOACTION: ''
   CwpCarousel:
     ArchivedField: '¿Archiva este item del carrusel?'
     LinkField: Enlace
@@ -21,3 +29,29 @@ es:
     LogoRetinaUploadField: 'Logo de alta resolución, a aparecer en la esquina superior izquierda (serecomineda el doble del alto y ancho del logo estándar)'
     LogoUploadField: 'Logo, a aparecer en la esquina superior izquierda'
     LogosIconsTab: Logos/iconos
+    AccentColor: ''
+    AccentColorDescription: ''
+    CarouselBackground: ''
+    CarouselBackgroundDescription: ''
+    FooterBackground: ''
+    FooterLogoSecondaryDescField: ''
+    FooterLogoSecondaryField: ''
+    FooterLogoSecondaryLinkField: ''
+    HeaderBackground: ''
+    MainFontFamily: ''
+    NavigationBarBackground: ''
+    TextLinkColor: ''
+  CWP:
+    SITECONFIG.EmptySearch: ''
+    SITECONFIG.NoResult: ''
+  CarouselPageExtension:
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: ''
+  CwpConfig:
+    AppleIconField144: ''
+    FooterLogoLinkDesc: ''
+    FooterLogoRetinaField: ''
+    FooterLogoSecondaryLinkDesc: ''
+    LogoRetinaUploadField: ''
diff --git a/lang/fi.yml b/lang/fi.yml
index bb10ed9..121dc08 100644
--- a/lang/fi.yml
+++ b/lang/fi.yml
@@ -2,6 +2,13 @@ fi:
   CWP\AgencyExtensions\Model\CarouselItem:
     PLURALNAME: 'Karusellin kohteet'
     SINGULARNAME: 'Karusellin kohde'
+    CONTENT_HELPTIP: ''
+    IMAGE_HELPTIP: ''
+    PLURALS:
+      one: ''
+      other: ''
+    PRIMARYCALLTOACTION: ''
+    SECONDARYCALLTOACTION: ''
   CWP\AgencyExtensions\Extensions\CWPSiteConfigExtension:
     AddThisField: 'AddThis profiili-ID'
     AddThisFieldDesc: 'Profiili-ID käytettäväksi läpi sivuston (formaatissa <strong>ra-XXXXXXXXXXXXXXXX</strong>)'
@@ -18,7 +25,33 @@ fi:
     LogoRetinaUploadField: 'Korkearesoluutioinen logo vasempaan yläkulmaan (suositellaan kaksinkertaista resoluutiota suhteessa peruslogoon)'
     LogoUploadField: 'Logo vasempaan yläkulmaan'
     LogosIconsTab: Logot/ikonit
+    AccentColor: ''
+    AccentColorDescription: ''
+    CarouselBackground: ''
+    CarouselBackgroundDescription: ''
+    FooterBackground: ''
+    FooterLogoSecondaryDescField: ''
+    FooterLogoSecondaryField: ''
+    FooterLogoSecondaryLinkField: ''
+    HeaderBackground: ''
+    MainFontFamily: ''
+    NavigationBarBackground: ''
+    TextLinkColor: ''
   CwpCarousel:
     ArchivedField: 'Arkistoi tämä karuselliartikkeli?'
     LinkField: Linkki
     NoteField: 'Huomio: sinun täytyy luoda karusellisisältö ennen kuin lisäät siihen kuvan'
+  CWP:
+    SITECONFIG.EmptySearch: ''
+    SITECONFIG.NoResult: ''
+  CarouselPageExtension:
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: ''
+  CwpConfig:
+    AppleIconField144: ''
+    FooterLogoLinkDesc: ''
+    FooterLogoRetinaField: ''
+    FooterLogoSecondaryLinkDesc: ''
+    LogoRetinaUploadField: ''
diff --git a/lang/id.yml b/lang/id.yml
index 8d86fb3..ab6b32e 100644
--- a/lang/id.yml
+++ b/lang/id.yml
@@ -13,5 +13,41 @@ id:
     FooterLogoLinkField: 'Tautan Logo Footer'
     FooterLogoRetinaField: 'Logo footer beresolusi tinggi (direkomendasikan berukuran dua kali tinggi dan lebar dari logo footer standar)'
     LogosIconsTab: Logo/Ikon
+    AccentColor: ''
+    AccentColorDescription: ''
+    CarouselBackground: ''
+    CarouselBackgroundDescription: ''
+    FooterBackground: ''
+    FooterLogoSecondaryDescField: ''
+    FooterLogoSecondaryField: ''
+    FooterLogoSecondaryLinkField: ''
+    HeaderBackground: ''
+    LogoUploadField: ''
+    MainFontFamily: ''
+    NavigationBarBackground: ''
+    TextLinkColor: ''
   CwpCarousel:
     LinkField: Tautan
+  CWP:
+    SITECONFIG.EmptySearch: ''
+    SITECONFIG.NoResult: ''
+  CWP\AgencyExtensions\Model\CarouselItem:
+    CONTENT_HELPTIP: ''
+    IMAGE_HELPTIP: ''
+    PLURALNAME: ''
+    PLURALS:
+      other: ''
+    PRIMARYCALLTOACTION: ''
+    SECONDARYCALLTOACTION: ''
+    SINGULARNAME: ''
+  CarouselPageExtension:
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: ''
+  CwpConfig:
+    AppleIconField144: ''
+    FooterLogoLinkDesc: ''
+    FooterLogoRetinaField: ''
+    FooterLogoSecondaryLinkDesc: ''
+    LogoRetinaUploadField: ''
diff --git a/lang/mi.yml b/lang/mi.yml
index b5c8541..7898cad 100644
--- a/lang/mi.yml
+++ b/lang/mi.yml
@@ -2,6 +2,13 @@ mi:
   CWP\AgencyExtensions\Model\CarouselItem:
     PLURALNAME: 'Ngā tuemi takawhawhe'
     SINGULARNAME: 'Tuemi Takawhawhe'
+    CONTENT_HELPTIP: ''
+    IMAGE_HELPTIP: ''
+    PLURALS:
+      one: ''
+      other: ''
+    PRIMARYCALLTOACTION: ''
+    SECONDARYCALLTOACTION: ''
   CWP\AgencyExtensions\Extensions\CWPSiteConfigExtension:
     AddThisField: TāpiriTēneiTTKōtaha
     AddThisFieldDesc: 'Me whakamahi i te TT kōtaha puta noa i te pae (ki te hōputu <strong>ra-XXXXXXXXXXXXXXXX</strong>)'
@@ -17,7 +24,34 @@ mi:
     FooterLogoRetinaField: 'Moko hiko taumira rahi (ka taunakitia kia rua whakareanga ake te teitei me te whānui o te moko hiku arowhānui)'
     LogoRetinaUploadField: 'Moko taumira rahi kia whakaaturia ki runga mauī (ka taunakitia kia rua whakareanga ake te teitei me te whānui o te moko hiku arowhānui)'
     LogoUploadField: 'Moko, kia whakaaturia ki runga mauī'
+    AccentColor: ''
+    AccentColorDescription: ''
+    CarouselBackground: ''
+    CarouselBackgroundDescription: ''
+    FooterBackground: ''
+    FooterLogoSecondaryDescField: ''
+    FooterLogoSecondaryField: ''
+    FooterLogoSecondaryLinkField: ''
+    HeaderBackground: ''
+    LogosIconsTab: ''
+    MainFontFamily: ''
+    NavigationBarBackground: ''
+    TextLinkColor: ''
   CwpCarousel:
     ArchivedField: 'Me pūranga tēnei tuemi takawhawhe?'
     LinkField: Hono
     NoteField: 'Tuhipoka: Me hanga e koe te tuemi takawhawhe i mua i te tāpiri atahanga'
+  CWP:
+    SITECONFIG.EmptySearch: ''
+    SITECONFIG.NoResult: ''
+  CarouselPageExtension:
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: ''
+  CwpConfig:
+    AppleIconField144: ''
+    FooterLogoLinkDesc: ''
+    FooterLogoRetinaField: ''
+    FooterLogoSecondaryLinkDesc: ''
+    LogoRetinaUploadField: ''
diff --git a/lang/zh.yml b/lang/zh.yml
index 4986ab5..581b7ce 100644
--- a/lang/zh.yml
+++ b/lang/zh.yml
@@ -2,6 +2,12 @@ zh:
   CWP\AgencyExtensions\Model\CarouselItem:
     PLURALNAME: 旋转项
     SINGULARNAME: 旋转项
+    CONTENT_HELPTIP: ''
+    IMAGE_HELPTIP: ''
+    PLURALS:
+      other: ''
+    PRIMARYCALLTOACTION: ''
+    SECONDARYCALLTOACTION: ''
   CwpCarousel:
     ArchivedField: 归档该旋转项？
     LinkField: 链接
@@ -22,3 +28,29 @@ zh:
     LogoRetinaUploadField: 高分辨率徽标，在左上角出现（建议为标准分辨率徽标的两倍高和两倍宽）
     LogoUploadField: 出现在左上角的徽标
     LogosIconsTab: '商标/ 图标'
+    AccentColor: ''
+    AccentColorDescription: ''
+    CarouselBackground: ''
+    CarouselBackgroundDescription: ''
+    FooterBackground: ''
+    FooterLogoSecondaryDescField: ''
+    FooterLogoSecondaryField: ''
+    FooterLogoSecondaryLinkField: ''
+    HeaderBackground: ''
+    MainFontFamily: ''
+    NavigationBarBackground: ''
+    TextLinkColor: ''
+  CWP:
+    SITECONFIG.EmptySearch: ''
+    SITECONFIG.NoResult: ''
+  CarouselPageExtension:
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionADDNEW: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionNOTE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE: ''
+    php.CWP\AgencyExtensions\Extensions\CarouselPageExtensionTITLE_NOTE: ''
+  CwpConfig:
+    AppleIconField144: ''
+    FooterLogoLinkDesc: ''
+    FooterLogoRetinaField: ''
+    FooterLogoSecondaryLinkDesc: ''
+    LogoRetinaUploadField: ''