diff --git a/kolibri_explore_plugin/assets/src/components/AboutModal.vue b/kolibri_explore_plugin/assets/src/components/AboutModal.vue
index 39ec7e557..206500a46 100644
--- a/kolibri_explore_plugin/assets/src/components/AboutModal.vue
+++ b/kolibri_explore_plugin/assets/src/components/AboutModal.vue
@@ -29,38 +29,26 @@
         <b-col id="sections-column" class="sections-column" md="9" sm="12">
           <div>
             <h3 id="about-section" class="pt-3 text-primary">
-              Endless Key — learning and discovery resources, no internet required.
+              {{ $tr('aboutHeading') }}
             </h3>
             <p>
-              The Endless Key unlocks the potential for student
-              curiosity and choice through independent
-              learning. Curated to be interest-based and inclusive,
-              our collection of content encourages students to
-              discover knowledge and skills that will support them now
-              and in their futures. The Endless Key is designed to
-              complement the broadband-for-all roll-out in the United
-              States and provide offline students with equitable
-              access to engaging content. Students can access Endless
-              Key content by downloading the Endless Key app
-              (available for ChromeOS and Windows). After the initial
-              download, no internet is required to interact with the
-              content.
+              {{ $tr('aboutBody') }}
             </p>
             <hr>
             <template v-if="buildInfo">
-              <h5>Release information</h5>
+              <h5>{{ $tr('releaseInformationHeading') }}</h5>
               <b-list-group class="bg-light p-3 rounded-lg">
                 <b-list-group-item class="bg-light rounded-0">
-                  Release: {{ buildInfo.version_name }} {{ buildInfo.last_release }}
+                  {{ $tr('releaseKey') }} {{ buildInfo.version_name }} {{ buildInfo.last_release }}
                 </b-list-group-item>
                 <b-list-group-item class="bg-light rounded-0">
-                  Date: {{ buildInfo.date }}
+                  {{ $tr('dateKey') }} {{ buildInfo.date }}
                 </b-list-group-item>
                 <b-list-group-item class="bg-light rounded-0">
-                  Commit: {{ buildInfo.commit }}
+                  {{ $tr('commitKey') }} {{ buildInfo.commit }}
                 </b-list-group-item>
                 <b-list-group-item class="bg-light rounded-0">
-                  Kolibri: {{ kolibriVersion }}
+                  {{ $tr('kolibriKey') }} {{ kolibriVersion }}
                 </b-list-group-item>
               </b-list-group>
               <hr>
@@ -68,15 +56,10 @@
           </div>
           <div>
             <h3 id="support-section" class="pt-3 text-primary">
-              Support
+              {{ $tr('supportHeading') }}
             </h3>
-            <p>
-              You can find more information on how to use your Endless Key on
-              <strong>The Quick Start Guide</strong> document. For more
-              information, when you have an internet connection, you can access
-              Endless Support Site at
-              <a href="https://support.endlessos.org/en/endless-key" target="_blank">https://support.endlessos.org/en/endless-key</a>.
-            </p>
+            <!-- eslint-disable-next-line vue/no-v-html -->
+            <p v-html="$tr('supportBody')"></p>
             <hr>
           </div>
           <div>
@@ -87,169 +70,248 @@
           </div>
           <div>
             <h3 id="credits-section" class="pt-3 text-primary">
-              Images and Icons Attribution
+              {{ $tr('imagesAndIconsHeading') }}
             </h3>
 
-            <h5>Financial Literacy</h5>
+            <h5>{{ $tr('creditsFinancialLiteracy') }}</h5>
             <p>
-              Credits: logo – savings by abderraouf omara from
-              NounProject.com; thumbnail – Photo by Sharon McCutcheon
-              on unsplash.com; background – Photo by Sharon McCutcheon
-              on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'savings',
+                logoAuthor: 'abderraouf omara',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Sharon McCutcheon',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Sharon McCutcheon',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Gardening</h5>
+            <h5>{{ $tr('creditsGardening') }}</h5>
             <p>
-              Credits: logo – Beetroot by dDara from NounProject.com;
-              thumbnail – Photo by Julia Kadel on unsplash.com;
-              background – Photo by Julia Kadel on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Beetroot',
+                logoAuthor: 'dDara',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Julia Kadel',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Julia Kadel',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Healthy Mind </h5>
+            <h5>{{ $tr('creditsHealthyMind') }}</h5>
             <p>
-              Credits: logo – well being by Karen Santiago from
-              NounProject.com; thumbnail – Photo by Alejandro Piñero
-              Amerio on unsplash.com; background – Photo by Clyde RS
-              on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'well being',
+                logoAuthor: 'Karen Santiago',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Alejandro Piñero Amerio',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Clyde RS',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Read Along </h5>
+            <h5>{{ $tr('creditsReadAlong') }}</h5>
             <p>
-              Credits: logo – Reading by dDara from the Noun Project
-              from NounProject.com; thumbnail – Photo by Annie Spratt
-              on unsplash.com; background – Photo by Roman Trifonov on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Reading',
+                logoAuthor: 'dDara',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Annie Spratt',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Roman Trifonov',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Music</h5>
+            <h5>{{ $tr('creditsMusic') }}</h5>
             <p>
-              Credits: logo – Guitar by dDara from the Noun Project
-              from NounProject.com; thumbnail – Photo by Sigmund on
-              unsplash.com; background – Photo by Sigmund on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Guitar',
+                logoAuthor: 'dDara',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Sigmund',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Sigmund',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Healthy Body</h5>
+            <h5>{{ $tr('creditsHealthyBody') }}</h5>
             <p>
-              Credits: logo – yoga by Eucalyp from the Noun Project
-              from NounProject.com; thumbnail – Photo by madison
-              lavern on unsplash.com; background – Photo by Conscious
-              Design on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'yoga',
+                logoAuthor: 'Eucalyp',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'madison lavern',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Conscious Design',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Dance</h5>
+            <h5>{{ $tr('creditsDance') }}</h5>
             <p>
-              Credits: logo – dance by ArmOkay from NounProject.com;
-              thumbnail – Photo by Drew Graham on unsplash.com;
-              background – Photo by Ahmad Odeh on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'dance',
+                logoAuthor: 'ArmOkay',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Drew Graham',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Ahmad Odeh',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>STEAM</h5>
+            <h5>{{ $tr('creditsSteam') }}</h5>
             <p>
-              Credits: logo – Science by Turkkub from NounProject.com;
-              thumbnail – Photo by David Clode on unsplash.com;
-              background – Photo by Joel Filipe on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Science',
+                logoAuthor: 'Turkkub',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'David Clode',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Joel Filipe',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Sports</h5>
+            <h5>{{ $tr('creditsSports') }}</h5>
             <p>
-              Credits: logo – Basketball by Eucalypt from
-              NounProject.com; thumbnail – Photo by Steven Lelham on
-              unsplash.com; background – Photo by Caroline Justine on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Basketball',
+                logoAuthor: 'Eucalypt',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Steven Lelham',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Caroline Justine',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Arts &amp; Crafts</h5>
+            <h5>{{ $tr('creditsArtsAndCrafts') }}</h5>
             <p>
-              Credits: logo – Scissor By Muhammad Auns from
-              NounProject.com; thumbnail – Photo by Siora Photography
-              on unsplash.com; background – Photo by Munro Studio on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Scissor',
+                logoAuthor: 'Muhammad Auns',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Siora Photography',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Munro Studio',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Careers</h5>
+            <h5>{{ $tr('creditsCareers') }}</h5>
             <p>
-              Credits: logo – Path by Adrien Coquet from
-              NounProject.com; thumbnail – Photo by Estee Janssens on
-              unsplash.com; background – Photo by Shane on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Path',
+                logoAuthor: 'Adrien Coquet',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Estee Janssens',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Shane',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Cooking</h5>
+            <h5>{{ $tr('creditsCooking') }}</h5>
             <p>
-              Credits: logo – Cooking Tool by Made by Made from
-              NounProject.com; thumbnail – Photo by LUM3N on
-              unsplash.com; background – Photo by LUM3N on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Cooking Tool',
+                logoAuthor: 'Made by Made',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'LUM3N',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'LUM3N',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Games</h5>
+            <h5>{{ $tr('creditsGames') }}</h5>
             <p>
-              Credits: logo – Games by dDara from NounProject.com;
-              thumbnail – Screenshot from by Block of Netherite on
-              youtube.com; background – Photo by Ty Feague on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Games',
+                logoAuthor: 'dDara',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Block of Netherite',
+                thumbnailLocation: 'youtube.com',
+                backgroundAuthor: 'Ty Feague',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Media Thumbnails</h5>
+            <h5>{{ $tr('creditsMediaThumbnails') }}</h5>
             <p>
-              Icon design credits: Puzzle, Idea, Online Education,
-              Online Test, Audio Book and Book by Komkrit
-              Noenpoempisut from NounProject.com;
+              {{ $tr('iconCreditsEntry') }}
             </p>
 
-            <h5>Fashion</h5>
+            <h5>{{ $tr('creditsFashion') }}</h5>
             <p>
-              Credits: logo – sneakers by Smalllike from
-              NounProject.com; thumbnail – Screenshot from Vanessa
-              Sirias, Fly With Johnny Thai and SuppleChicTV on
-              youtube.com; background – Photo by Francesco Cavallini
-              on unsplash.com.
+              {{ $tr('fashionCreditsEntry') }}
             </p>
 
-            <h5>Jewelry Making</h5>
+            <h5>{{ $tr('creditsJewelryMaking') }}</h5>
             <p>
-              Credits: logo – earrings by Eucalyp from
-              NounProject.com; thumbnail and background – Photos by
-              FLY:D on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'earrings',
+                logoAuthor: 'Eucalyp',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'FLY:D',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'FLY:D',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Gender Identity</h5>
+            <h5>{{ $tr('creditsGenderIdentity') }}</h5>
             <p>
-              Credits: thumbnail – Screenshot from Angel and Nicole on
-              youtube.com; background – Photo by Cecilie Johnsen on
-              unsplash.com.
+              {{ $tr('genderIdentityCreditsEntry') }}
             </p>
 
-            <h5>Beauty</h5>
+            <h5>{{ $tr('creditsBeauty') }}</h5>
             <p>
-              Credits: logo – Beauty by ferdizzimo from
-              NounProject.com; thumbnail – Photo by Siora Photography
-              on unsplash.com; background – Photo by Valeriia Kogan on
-              unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Beauty',
+                logoAuthor: 'ferdizzimo',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Siora Photography',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Valeriia Kogan',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Virtual Field Trips</h5>
+            <h5>{{ $tr('creditsVirtualFieldTrips') }}</h5>
             <p>
-              Credits: logo – Map by Eucalyp from NounProject.com;
-              thumbnail – Photo by Juan Ordonez on unsplash.com;
-              background – Photo by Jad Limcaco on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'Map',
+                logoAuthor: 'Eucalyp',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Juan Ordonez',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Jad Limcaco',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
-            <h5>Chapter Books</h5>
+            <h5>{{ $tr('creditsChapterBooks') }}</h5>
             <p>
-              Credits: logo – Map by Eucalyp from NounProject.com;
-              thumbnail – Photo by Ed Robertson on unsplash.com;
-              background – Photo by Gulfer Ergin on unsplash.com. All
-              book thumbnails are taken from the original book covers
-              (fair use) or Public Domain original artwork.
+              {{ $tr('chapterBooksCreditsEntry') }}
             </p>
 
-            <h5>Staff Playlist</h5>
+            <h5>{{ $tr('creditsStaffPlaylist') }}</h5>
             <p>
-              Credits: logo – feedback by Andi from NounProject.com;
-              thumbnail – Photo by Sharon Mccutcheon on unsplash.com;
-              background – Photo by Sharon Mccutcheon on unsplash.com.
+              {{ $tr('genericCreditsEntry', {
+                logoName: 'feedback',
+                logoAuthor: 'Andi',
+                logoLocation: 'NounProject.com',
+                thumbnailAuthor: 'Sharon McCutcheon',
+                thumbnailLocation: 'unsplash.com',
+                backgroundAuthor: 'Sharon McCutcheon',
+                backgroundLocation: 'unsplash.com',
+              }) }}
             </p>
 
           </div>
@@ -285,22 +347,22 @@
         menuItems: [
           {
             id: 'about-link',
-            label: 'About',
+            label: this.$tr('aboutLink'),
             href: '#about-section',
           },
           {
             id: 'support-link',
-            label: 'Support',
+            label: this.$tr('supportLink'),
             href: '#support-section',
           },
           {
             id: 'privacy-policy-link',
-            label: 'Privacy Policy',
+            label: this.$tr('privacyPolicyLink'),
             href: '#privacy-policy-section',
           },
           {
             id: 'credits-link',
-            label: 'Credits',
+            label: this.$tr('creditsLink'),
             href: '#credits-section',
           },
         ],
@@ -371,6 +433,173 @@
     },
     $trs: {
       privacyPolicyHeader: 'Privacy Policy',
+      aboutHeading: {
+        message: 'Endless Key — learning and discovery resources, no internet required.',
+        context: 'Heading at the top of the About dialogue',
+      },
+      aboutBody: {
+        message:
+          'The Endless Key unlocks the potential for student curiosity and choice through independent learning. Curated to be interest-based and inclusive, our collection of content encourages students to discover knowledge and skills that will support them now and in their futures. The Endless Key is designed to complement the broadband-for-all roll-out in the United States and provide offline students with equitable access to engaging content. Students can access Endless Key content by downloading the Endless Key app (available for ChromeOS and Windows). After the initial download, no internet is required to interact with the content.',
+        context: 'Paragraph of information about Endless Key',
+      },
+      releaseInformationHeading: {
+        message: 'Release information',
+        context: 'Heading for a table of software release information',
+      },
+      releaseKey: {
+        message: 'Release:',
+        context: 'Table key for software release information',
+      },
+      dateKey: {
+        message: 'Date:',
+        context: 'Table key for software release date',
+      },
+      commitKey: {
+        message: 'Commit:',
+        context: 'Table key for software release commit',
+      },
+      kolibriKey: {
+        message: 'Kolibri:',
+        context: 'Table key for software Kolibri version',
+      },
+      supportHeading: {
+        message: 'Support',
+        context: 'Heading for technical support section',
+      },
+      supportBody: {
+        message:
+          'You can find more information on how to use your Endless Key on <strong>The Quick Start Guide</strong> document. For more information, when you have an internet connection, you can access the Endless Support Site at <a href="https://support.endlessos.org/en/endless-key" target="_blank">https://support.endlessos.org/en/endless-key</a>.',
+        context: 'Paragraph of information about technical support',
+      },
+      imagesAndIconsHeading: {
+        message: 'Images and Icons Attribution',
+        context: 'Heading for attribution section',
+      },
+      aboutLink: {
+        message: 'About',
+        context: 'Menu item',
+      },
+      supportLink: {
+        message: 'Support',
+        context: 'Menu item',
+      },
+      privacyPolicyLink: {
+        message: 'Privacy Policy',
+        context: 'Menu item',
+      },
+      creditsLink: {
+        message: 'Credits',
+        context: 'Menu item',
+      },
+      genericCreditsEntry: {
+        message:
+          'Credits: logo – {logoName} by {logoAuthor} from {logoLocation}; thumbnail – Photo by {thumbnailAuthor} on {thumbnailLocation}; background – Photo by {backgroundAuthor} on {backgroundLocation}.',
+        context: 'Credits entry',
+      },
+      iconCreditsEntry: {
+        message:
+          'Icon design credits: Puzzle, Idea, Online Education, Online Test, Audio Book and Book by Komkrit Noenpoempisut from NounProject.com.',
+        context: 'Credits entry',
+      },
+      fashionCreditsEntry: {
+        message:
+          'Credits: logo – sneakers by Smalllike from NounProject.com; thumbnail – Screenshot from Vanessa Sirias, Fly With Johnny Thai and SuppleChicTV on youtube.com; background – Photo by Francesco Cavallini on unsplash.com.',
+        context: 'Credits entry',
+      },
+      genderIdentityCreditsEntry: {
+        message:
+          'Credits: thumbnail – Screenshot from Angel and Nicole on youtube.com; background – Photo by Cecilie Johnsen on unsplash.com.',
+        context: 'Credits entry',
+      },
+      chapterBooksCreditsEntry: {
+        message:
+          'Credits: logo – Map by Eucalyp from NounProject.com; thumbnail – Photo by Ed Robertson on unsplash.com; background – Photo by Gulfer Ergin on unsplash.com. All book thumbnails are taken from the original book covers (fair use) or Public Domain original artwork.',
+        context: 'Credits entry',
+      },
+      creditsFinancialLiteracy: {
+        message: 'Financial Literacy',
+        context: 'Credits section title',
+      },
+      creditsGardening: {
+        message: 'Gardening',
+        context: 'Credits section title',
+      },
+      creditsHealthyMind: {
+        message: 'Healthy Mind',
+        context: 'Credits section title',
+      },
+      creditsReadAlong: {
+        message: 'Read Along',
+        context: 'Credits section title',
+      },
+      creditsMusic: {
+        message: 'Music',
+        context: 'Credits section title',
+      },
+      creditsHealthyBody: {
+        message: 'Healthy Body',
+        context: 'Credits section title',
+      },
+      creditsDance: {
+        message: 'Dance',
+        context: 'Credits section title',
+      },
+      creditsSteam: {
+        message: 'STEAM',
+        context: 'Credits section title',
+      },
+      creditsSports: {
+        message: 'Sports',
+        context: 'Credits section title',
+      },
+      creditsArtsAndCrafts: {
+        message: 'Arts and Crafts',
+        context: 'Credits section title',
+      },
+      creditsCareers: {
+        message: 'Careers',
+        context: 'Credits section title',
+      },
+      creditsCooking: {
+        message: 'Cooking',
+        context: 'Credits section title',
+      },
+      creditsGames: {
+        message: 'Games',
+        context: 'Credits section title',
+      },
+      creditsMediaThumbnails: {
+        message: 'Media Thumbnails',
+        context: 'Credits section title',
+      },
+      creditsFashion: {
+        message: 'Fashion',
+        context: 'Credits section title',
+      },
+      creditsJewelryMaking: {
+        message: 'Jewelry Making',
+        context: 'Credits section title',
+      },
+      creditsGenderIdentity: {
+        message: 'Gender Identity',
+        context: 'Credits section title',
+      },
+      creditsBeauty: {
+        message: 'Beauty',
+        context: 'Credits section title',
+      },
+      creditsVirtualFieldTrips: {
+        message: 'Virtual Field Trips',
+        context: 'Credits section title',
+      },
+      creditsChapterBooks: {
+        message: 'Chapter Books',
+        context: 'Credits section title',
+      },
+      creditsStaffPlaylist: {
+        message: 'Staff Playlist',
+        context: 'Credits section title',
+      },
     },
   };
 
diff --git a/kolibri_explore_plugin/assets/src/constants.js b/kolibri_explore_plugin/assets/src/constants.js
index d15d14953..b206d946f 100644
--- a/kolibri_explore_plugin/assets/src/constants.js
+++ b/kolibri_explore_plugin/assets/src/constants.js
@@ -1,3 +1,5 @@
+import { createTranslator } from 'kolibri.utils.i18n';
+
 // a name for every URL pattern
 export const PageNames = {
   ROOT: 'ROOT',
@@ -33,17 +35,47 @@ export const CUSTOM_PRESENTATION_TITLE = 'custom-channel-ui';
 export const CarouselItemsLength = 5;
 export const CarouselAllowedKinds = ['document', 'html5', 'video'];
 
-export const searchTerms = new Map([
-  ['Arts & Crafts', 'artist painting drawing arts crafts'],
-  ['Careers', 'careers'],
-  ['Cooking', 'cooking recipes desserts vegetables culinary'],
-  ['Fitness', 'fitness workouts stretches'],
-  ['Games', 'games gaming maze gamers minecraft'],
-  ['Math', 'math'],
-  ['Music', 'music blues rhythm ukulele guitar'],
-  ['Science', 'cool science physics biology gravity'],
-  ['Sports', 'sports soccer volleyball basketball football'],
+const searchTermsStrings = createTranslator('SearchTerms', {
+  // Labels
+  artsAndCrafts: 'Arts & Crafts',
+  artsAndCraftsTerms: 'artist painting drawing arts crafts',
+  careers: 'Careers',
+  careersTerms: 'careers',
+  cooking: 'Cooking',
+  cookingTerms: 'cooking recipes desserts vegetables culinary',
+  fitness: 'Fitness',
+  fitnessTerms: 'fitness workouts stretches',
+  games: 'Games',
+  gamesTerms: 'games gaming maze gamers minecraft',
+  math: 'Math',
+  mathTerms: 'math',
+  music: 'Music',
+  musicTerms: 'music blues rhythm ukulele guitar',
+  science: 'Science',
+  scienceTerms: 'cool science physics biology gravity',
+  sports: 'Sports',
+  sportsTerms: 'sports soccer volleyball basketball football',
+});
+
+const searchTerms = new Map([
+  ['artsAndCrafts', 'artsAndCraftsTerms'],
+  ['careers', 'careersTerms'],
+  ['cooking', 'cookingTerms'],
+  ['fitness', 'fitnessTerms'],
+  ['games', 'gamesTerms'],
+  ['math', 'mathTerms'],
+  ['music', 'musicTerms'],
+  ['science', 'scienceTerms'],
+  ['sports', 'sportsTerms'],
 ]);
 
+export function getSearchTerms() {
+  const out = new Map();
+  for (const [k, v] of searchTerms) {
+    out.set(searchTermsStrings.$tr(k), searchTermsStrings.$tr(v));
+  }
+  return out;
+}
+
 export const COLLECTIONS_PAGE_SIZE = 300;
 export const SEARCH_MAX_RESULTS = 32;
diff --git a/kolibri_explore_plugin/assets/src/views/DevTag.vue b/kolibri_explore_plugin/assets/src/views/DevTag.vue
index e0feb417a..6482655da 100644
--- a/kolibri_explore_plugin/assets/src/views/DevTag.vue
+++ b/kolibri_explore_plugin/assets/src/views/DevTag.vue
@@ -7,17 +7,17 @@
       v-if="info"
       id="buildinfo"
       ref="dev-modal"
-      title="About this build"
+      :title="$tr('aboutThisBuild')"
       okOnly
       headerCloseVariant="light"
     >
       <h6 class="my-3">
-        Release information
+        {{ $tr('releaseInformation') }}
       </h6>
       <b-list-group class="text-dark">
-        <b-list-group-item>Commit: {{ info.commit }}</b-list-group-item>
-        <b-list-group-item>Date: {{ info.date }}</b-list-group-item>
-        <b-list-group-item>Last Release: {{ info.last_release }}</b-list-group-item>
+        <b-list-group-item>{{ $tr('commitKey') }} {{ info.commit }}</b-list-group-item>
+        <b-list-group-item>{{ $tr('dateKey') }} {{ info.date }}</b-list-group-item>
+        <b-list-group-item>{{ $tr('lastReleaseKey') }} {{ info.last_release }}</b-list-group-item>
       </b-list-group>
       <h6 class="my-3">
         Log of changes
@@ -28,7 +28,7 @@
         </b-list-group-item>
       </b-list-group>
       <h6 class="my-3">
-        Theme debugging
+        {{ $tr('themeDebugging') }}
       </h6>
       <b-list-group class="text-dark">
         <b-list-group-item
@@ -66,7 +66,7 @@
           return this.info.commit;
         }
 
-        return 'loading...';
+        return this.$tr('loadingPlaceholder');
       },
       isIframe() {
         return window.parent.location !== window.location;
@@ -95,6 +95,36 @@
         });
       },
     },
+    $trs: {
+      aboutThisBuild: {
+        message: 'About this build',
+        context: 'Title for the developer information page',
+      },
+      releaseInformation: {
+        message: 'Release information',
+        context: 'Header on the developer information page',
+      },
+      commitKey: {
+        message: 'Commit:',
+        context: 'Table key for release information',
+      },
+      dateKey: {
+        message: 'Date:',
+        context: 'Table key for release information',
+      },
+      lastReleaseKey: {
+        message: 'Last Release:',
+        context: 'Table key for release information',
+      },
+      themeDebugging: {
+        message: 'Theme debugging',
+        context: 'Header on the developer information page',
+      },
+      loadingPlaceholder: {
+        message: 'loading…',
+        context: 'Placeholder while loading the developer information page',
+      },
+    },
   };
 
 </script>
diff --git a/kolibri_explore_plugin/assets/src/views/DiscoveryPageEkIguana.vue b/kolibri_explore_plugin/assets/src/views/DiscoveryPageEkIguana.vue
index a7c49f681..365e6ce29 100644
--- a/kolibri_explore_plugin/assets/src/views/DiscoveryPageEkIguana.vue
+++ b/kolibri_explore_plugin/assets/src/views/DiscoveryPageEkIguana.vue
@@ -5,7 +5,7 @@
 
     <b-container class="mb-2 mt-4">
       <h5 class="mt-2 text-muted">
-        Content Suggestions
+        {{ $tr('contentSuggestionsHeading') }}
       </h5>
     </b-container>
 
@@ -17,8 +17,8 @@
       <b-container class="mb-2 mt-2">
         <EkButtonsBar
           class="mr-3 mt-1"
-          title="More Topics"
-          :buttons="Array.from(searchTerms.keys())"
+          :title="$tr('moreTopics')"
+          :buttons="Array.from(getSearchTerms().keys())"
           @click="goToTerm"
         />
       </b-container>
@@ -47,7 +47,7 @@
 
   import { mapState } from 'vuex';
   import commonCoreStrings from 'kolibri.coreVue.mixins.commonCoreStrings';
-  import { PageNames, searchTerms } from '../constants';
+  import { PageNames, getSearchTerms } from '../constants';
 
   import EkIguanaList from '../components/EkIguanaList';
   import DiscoveryNavBar from '../components/DiscoveryNavBar';
@@ -63,19 +63,26 @@
       ...mapState({
         loading: state => state.core.loading,
       }),
-      searchTerms() {
-        return searchTerms;
-      },
     },
     methods: {
       goToTerm(term) {
-        const query = searchTerms.get(term) || term;
+        const query = getSearchTerms().get(term) || term;
         this.$router.push({
           name: PageNames.SEARCH,
           params: { query },
         });
       },
     },
+    $trs: {
+      contentSuggestionsHeading: {
+        message: 'Content Suggestions',
+        context: 'Heading for a set of suggestions for content',
+      },
+      moreTopics: {
+        message: 'More Topics',
+        context: 'Heading for a section listing more topics',
+      },
+    },
   };
 
 </script>
diff --git a/kolibri_explore_plugin/assets/src/views/SearchPage.vue b/kolibri_explore_plugin/assets/src/views/SearchPage.vue
index a693788a8..5542e9f03 100644
--- a/kolibri_explore_plugin/assets/src/views/SearchPage.vue
+++ b/kolibri_explore_plugin/assets/src/views/SearchPage.vue
@@ -66,10 +66,9 @@
         <b-container class="pb-5">
           <template v-if="!isLoading">
             <div v-if="isNoResults" class="empty mb-4 mt-5 w-50">
-              <h1>Sorry, we can’t find any content that matches your search.</h1>
+              <h1>{{ $tr('noResultsHeading') }}</h1>
               <h5>
-                You can try a different search, maybe use fewer words, or try one
-                of the topic suggestions below.
+                {{ $tr('noResultsBody') }}
               </h5>
             </div>
           </template>
@@ -93,11 +92,11 @@
         <div v-if="recommended && isNoResults" class="flex-shrink-0 pt-5 recommended">
           <b-container v-if="recommended" class="pb-5 pt-3">
             <h3 class="text-muted">
-              Explore
+              {{ $tr('noResultsExplore') }}
             </h3>
             <h5>
               <b-link @click="clearInput">
-                See all channels <b-icon-arrow-right />
+                {{ $tr('noResultsSeeAllChannels') }} <b-icon-arrow-right />
               </b-link>
             </h5>
             <EkChannelCardGroup
@@ -315,6 +314,23 @@
         '{count} {count, plural, one {result} other {results}} for “{term}” to {action}',
       countedChannels:
         '{count} {count, plural, one {channel} other {channels}} related to “{term}”',
+      noResultsHeading: {
+        message: 'Sorry, we can’t find any content that matches your search.',
+        context: 'Heading shown when a search produces no results',
+      },
+      noResultsBody: {
+        message:
+          'You can try a different search, maybe use fewer words, or try one of the topic suggestions below.',
+        context: 'Suggestion shown when a search produces no results',
+      },
+      noResultsExplore: {
+        message: 'Explore',
+        context: 'Heading shown with content suggestions when a search produces no results',
+      },
+      noResultsSeeAllChannels: {
+        message: 'See all channels',
+        context: 'Link to more content shown when a search produces no results',
+      },
     },
   };