diff --git a/CHANGELOG.md b/CHANGELOG.md
index f3c0b28c4c..f11b17c6ee 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,6 +34,7 @@ The types of changes are:
 - Removed properties beta flag [#4710](https://github.com/ethyca/fides/pull/4710)
 - Add acknowledge button label to default Experience English form [#4714](https://github.com/ethyca/fides/pull/4714)
 - Update FidesJS to support localizing CMP UI with configurable, non-English default locales [#4720](https://github.com/ethyca/fides/pull/4720)
+- Add loading of template translations for notices and experiences [#4718](https://github.com/ethyca/fides/pull/4718)
 
 ### Changed
 - Moved location-targeting from Notices to Experiences [#4576](https://github.com/ethyca/fides/pull/4576)
diff --git a/clients/admin-ui/src/features/common/ScrollableList.tsx b/clients/admin-ui/src/features/common/ScrollableList.tsx
index f91e4439ea..56ca78f538 100644
--- a/clients/admin-ui/src/features/common/ScrollableList.tsx
+++ b/clients/admin-ui/src/features/common/ScrollableList.tsx
@@ -39,6 +39,7 @@ const ScrollableListItem = <T extends unknown>({
         direction="row"
         gap={2}
         maxH={maxH}
+        w="full"
         px={2}
         align="center"
         role="group"
@@ -66,12 +67,18 @@ const ScrollableListItem = <T extends unknown>({
               onRowClick(item);
             }
           }}
+          overflow="clip"
         >
-          <Text fontSize="sm" userSelect="none">
+          <Text
+            fontSize="sm"
+            userSelect="none"
+            textOverflow="ellipsis"
+            whiteSpace="nowrap"
+            overflow="hidden"
+          >
             {label}
           </Text>
         </Flex>
-
         {onDeleteItem ? (
           <IconButton
             aria-label="Delete"
@@ -222,7 +229,8 @@ const ScrollableList = <T extends unknown>({
     borderColor: "gray.200",
     borderRadius: "md",
     w: "full",
-    overflowY: "hidden",
+    maxH: "8.5rem",
+    overflowY: "auto",
   } as ChakraProps;
 
   const innerList = draggable ? (
diff --git a/clients/admin-ui/src/features/common/api.slice.ts b/clients/admin-ui/src/features/common/api.slice.ts
index 0e56908f90..0d25bbd185 100644
--- a/clients/admin-ui/src/features/common/api.slice.ts
+++ b/clients/admin-ui/src/features/common/api.slice.ts
@@ -44,7 +44,9 @@ export const baseApi = createApi({
     "Organization",
     "Plus",
     "Privacy Experience Configs",
+    "Experience Config Translations",
     "Privacy Notices",
+    "Privacy Notice Translations",
     "Property",
     "Purpose",
     "System",
diff --git a/clients/admin-ui/src/features/privacy-experience/ConfigurePrivacyExperience.tsx b/clients/admin-ui/src/features/privacy-experience/ConfigurePrivacyExperience.tsx
index 66330225ef..d370144c66 100644
--- a/clients/admin-ui/src/features/privacy-experience/ConfigurePrivacyExperience.tsx
+++ b/clients/admin-ui/src/features/privacy-experience/ConfigurePrivacyExperience.tsx
@@ -42,6 +42,7 @@ import {
   ExperienceConfigCreate,
   ExperienceConfigResponse,
   ExperienceTranslation,
+  SupportedLanguage,
 } from "~/types/api";
 import { isErrorResult } from "~/types/errors";
 
@@ -65,7 +66,6 @@ const translationSchema = (requirePreferencesLink: boolean) =>
 const validationSchema = Yup.object().shape({
   name: Yup.string().required().label("Experience name"),
   component: Yup.string().required().label("Experience type"),
-  // translations: Yup.array().of(translationSchema),
   translations: Yup.array().when("component", {
     is: (value: ComponentType) =>
       value === ComponentType.BANNER_AND_MODAL ||
@@ -77,8 +77,10 @@ const validationSchema = Yup.object().shape({
 
 const ConfigurePrivacyExperience = ({
   passedInExperience,
+  passedInTranslations,
 }: {
   passedInExperience?: ExperienceConfigResponse;
+  passedInTranslations?: ExperienceTranslation[];
 }) => {
   const [postExperienceConfigMutation] = usePostExperienceConfigMutation();
   const [patchExperienceConfigMutation] = usePatchExperienceConfigMutation();
@@ -136,13 +138,35 @@ const ConfigurePrivacyExperience = ({
     TranslationWithLanguageName | undefined
   >(undefined);
 
-  const handleNewTranslationSelected = (translation: ExperienceTranslation) => {
+  const [usingOOBValues, setUsingOOBValues] = useState<boolean>(false);
+
+  const handleTranslationSelected = (translation: ExperienceTranslation) => {
     setTranslationToEdit({
       ...translation,
       name: findLanguageDisplayName(translation, allLanguages),
     });
   };
 
+  const handleCreateNewTranslation = (language: SupportedLanguage) => {
+    const availableTranslation = passedInTranslations?.find(
+      (t) => t.language === language
+    );
+    if (availableTranslation) {
+      setUsingOOBValues(true);
+    }
+    return (
+      availableTranslation ?? {
+        language,
+        is_default: false,
+      }
+    );
+  };
+
+  const handleExitTranslationForm = () => {
+    setTranslationToEdit(undefined);
+    setUsingOOBValues(false);
+  };
+
   return (
     <Formik
       initialValues={initialValues as ExperienceConfigCreate}
@@ -160,12 +184,14 @@ const ConfigurePrivacyExperience = ({
           {translationToEdit ? (
             <PrivacyExperienceTranslationForm
               translation={translationToEdit}
-              onReturnToMainForm={() => setTranslationToEdit(undefined)}
+              isOOB={usingOOBValues}
+              onReturnToMainForm={handleExitTranslationForm}
             />
           ) : (
             <PrivacyExperienceForm
               allPrivacyNotices={allPrivacyNotices}
-              onSelectTranslation={handleNewTranslationSelected}
+              onSelectTranslation={handleTranslationSelected}
+              onCreateTranslation={handleCreateNewTranslation}
             />
           )}
           <Flex direction="column" w="75%" bgColor="gray.50" overflowY="hidden">
diff --git a/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceForm.tsx b/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceForm.tsx
index 900a3bcbcc..91ad8ab5e2 100644
--- a/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceForm.tsx
+++ b/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceForm.tsx
@@ -70,7 +70,7 @@ export const PrivacyExperienceConfigColumnLayout = ({
   children: React.ReactNode;
 }) => (
   <Flex direction="column" minH="full" w="25%" borderRight="1px solid #DEE5EE">
-    <Flex direction="column" h="full" overflowY="scroll" px={4}>
+    <Flex direction="column" h="full" overflowY="auto" px={4}>
       <Flex direction="column" gap={4} w="full" pb={4}>
         {children}
       </Flex>
@@ -82,9 +82,11 @@ export const PrivacyExperienceConfigColumnLayout = ({
 export const PrivacyExperienceForm = ({
   allPrivacyNotices,
   onSelectTranslation,
+  onCreateTranslation,
 }: {
   allPrivacyNotices: LimitedPrivacyNoticeResponseSchema[];
   onSelectTranslation: (t: ExperienceTranslation) => void;
+  onCreateTranslation: (lang: SupportedLanguage) => ExperienceTranslation;
 }) => {
   const router = useRouter();
 
@@ -254,10 +256,9 @@ export const PrivacyExperienceForm = ({
             is_default: false,
           }))}
         getItemLabel={getTranslationDisplayName}
-        createNewValue={(opt) => ({
-          language: opt.value as SupportedLanguage,
-          is_default: false,
-        })}
+        createNewValue={(opt) =>
+          onCreateTranslation(opt.value as SupportedLanguage)
+        }
         onRowClick={onSelectTranslation}
         selectOnAdd
         draggable
diff --git a/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceTranslationForm.tsx b/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceTranslationForm.tsx
index d3d744ca3f..3efcf5e64a 100644
--- a/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceTranslationForm.tsx
+++ b/clients/admin-ui/src/features/privacy-experience/PrivacyExperienceTranslationForm.tsx
@@ -14,6 +14,7 @@ import {
   CustomTextArea,
   CustomTextInput,
 } from "~/features/common/form/inputs";
+import InfoBox from "~/features/common/InfoBox";
 import WarningModal from "~/features/common/modals/WarningModal";
 import { BackButtonNonLink } from "~/features/common/nav/v2/BackButton";
 import {
@@ -27,11 +28,23 @@ import {
   ExperienceTranslation,
 } from "~/types/api";
 
+export const OOBTranslationNotice = ({
+  languageName,
+}: {
+  languageName: string;
+}) => (
+  <InfoBox
+    text={`This is a default translation provided by Fides. If you've modified the default English language text, these translations will not match, so verify any changes with a native ${languageName} speaker before using.`}
+  />
+);
+
 const PrivacyExperienceTranslationForm = ({
   translation,
+  isOOB,
   onReturnToMainForm,
 }: {
   translation: TranslationWithLanguageName;
+  isOOB?: boolean;
   onReturnToMainForm: () => void;
 }) => {
   const { values, setFieldValue, errors, touched, setTouched } =
@@ -42,7 +55,7 @@ const PrivacyExperienceTranslationForm = ({
     const { name, ...rest } = translation;
     return rest as ExperienceTranslation;
   }, [translation]);
-  const isEditing = !!initialTranslation.title;
+  const isEditing = !!initialTranslation.title && !isOOB;
 
   const formConfig = getTranslationFormFields(values.component);
 
@@ -90,7 +103,7 @@ const PrivacyExperienceTranslationForm = ({
   };
 
   const handleLeaveForm = () => {
-    if (translationIsTouched || !initialTranslation.title) {
+    if (translationIsTouched || isOOB) {
       onOpenUnsavedChanges();
     } else {
       onReturnToMainForm();
@@ -126,7 +139,7 @@ const PrivacyExperienceTranslationForm = ({
       </Button>
       <Button
         colorScheme="primary"
-        isDisabled={!translationIsTouched || !!errors.translations}
+        isDisabled={(!translationIsTouched && !isOOB) || !!errors.translations}
         data-testid="save-btn"
         onClick={handleSaveTranslation}
       >
@@ -144,7 +157,9 @@ const PrivacyExperienceTranslationForm = ({
         title="Translation not saved"
         message={
           <Text>
-            You have unsaved changes to this translation. Discard changes?
+            {isEditing
+              ? "You have unsaved changes to this translation. Discard changes?"
+              : "This translation has not been added to your experience.  Discard translation?"}
           </Text>
         }
         confirmButtonText="Discard"
@@ -163,8 +178,9 @@ const PrivacyExperienceTranslationForm = ({
         handleConfirm={() => setNewDefaultTranslation(translationIndex)}
       />
       <Heading fontSize="md" fontWeight="semibold">
-        {translation.name}
+        Edit {translation.name} translation
       </Heading>
+      {isOOB ? <OOBTranslationNotice languageName={translation.name} /> : null}
       <CustomSwitch
         name={`translations.${translationIndex}.is_default`}
         id={`translations.${translationIndex}.is_default`}
diff --git a/clients/admin-ui/src/features/privacy-experience/form/helpers.tsx b/clients/admin-ui/src/features/privacy-experience/form/helpers.tsx
index 68e16a01a3..90da27de01 100644
--- a/clients/admin-ui/src/features/privacy-experience/form/helpers.tsx
+++ b/clients/admin-ui/src/features/privacy-experience/form/helpers.tsx
@@ -31,7 +31,7 @@ export const defaultTranslations: ExperienceTranslationCreate[] = [
     accept_button_label: "Accept",
     reject_button_label: "Reject",
     save_button_label: "Save",
-    acknowledge_button_label: "Ok",
+    acknowledge_button_label: "OK",
     privacy_preferences_link_label: "Privacy Preferences",
   },
 ];
diff --git a/clients/admin-ui/src/features/privacy-experience/privacy-experience.slice.ts b/clients/admin-ui/src/features/privacy-experience/privacy-experience.slice.ts
index 1ada962c5c..a7157949ce 100644
--- a/clients/admin-ui/src/features/privacy-experience/privacy-experience.slice.ts
+++ b/clients/admin-ui/src/features/privacy-experience/privacy-experience.slice.ts
@@ -8,6 +8,7 @@ import {
   ExperienceConfigListViewResponse,
   ExperienceConfigResponse,
   ExperienceConfigUpdate,
+  ExperienceTranslation,
   Page_ExperienceConfigListViewResponse_,
   PrivacyNoticeRegion,
 } from "~/types/api";
@@ -105,6 +106,15 @@ const privacyExperienceConfigApi = baseApi.injectEndpoints({
         { type: "Privacy Experience Configs", id: arg },
       ],
     }),
+    getAvailableConfigTranslations: build.query<
+      Array<ExperienceTranslation>,
+      string
+    >({
+      query: (id) => ({
+        url: `experience-config/${id}/available_translations`,
+      }),
+      providesTags: () => ["Experience Config Translations"],
+    }),
     postExperienceConfig: build.mutation<
       ExperienceConfigResponse,
       ExperienceConfigCreate
@@ -124,6 +134,7 @@ export const {
   usePatchExperienceConfigMutation,
   useLimitedPatchExperienceConfigMutation,
   useGetExperienceConfigByIdQuery,
+  useGetAvailableConfigTranslationsQuery,
   usePostExperienceConfigMutation,
 } = privacyExperienceConfigApi;
 
diff --git a/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeForm.tsx b/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeForm.tsx
index b6aa0d61b4..c7bd74023a 100644
--- a/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeForm.tsx
+++ b/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeForm.tsx
@@ -32,6 +32,7 @@ import {
 } from "~/features/data-use/data-use.slice";
 import PrivacyNoticeTranslationForm from "~/features/privacy-notices/PrivacyNoticeTranslationForm";
 import {
+  NoticeTranslation,
   PrivacyNoticeCreation,
   PrivacyNoticeRegion,
   PrivacyNoticeResponseWithRegions,
@@ -98,8 +99,10 @@ const PrivacyNoticeLocationDisplay = ({
 
 const PrivacyNoticeForm = ({
   privacyNotice: passedInPrivacyNotice,
+  availableTranslations,
 }: {
   privacyNotice?: PrivacyNoticeResponseWithRegions;
+  availableTranslations?: NoticeTranslation[];
 }) => {
   const router = useRouter();
   const toast = useToast();
@@ -191,7 +194,9 @@ const PrivacyNoticeForm = ({
                   variant="stacked"
                 />
               </FormSection>
-              <PrivacyNoticeTranslationForm />
+              <PrivacyNoticeTranslationForm
+                availableTranslations={availableTranslations}
+              />
             </Stack>
             <ButtonGroup size="sm" spacing={2}>
               <Button
diff --git a/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeTranslationForm.tsx b/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeTranslationForm.tsx
index 38d83ed30c..cf026608b4 100644
--- a/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeTranslationForm.tsx
+++ b/clients/admin-ui/src/features/privacy-notices/PrivacyNoticeTranslationForm.tsx
@@ -31,7 +31,9 @@ import {
   selectPageSize,
   useGetAllLanguagesQuery,
 } from "~/features/privacy-experience/language.slice";
+import { OOBTranslationNotice } from "~/features/privacy-experience/PrivacyExperienceTranslationForm";
 import {
+  NoticeTranslation,
   NoticeTranslationCreate,
   PrivacyNoticeCreation,
   SupportedLanguage,
@@ -40,12 +42,15 @@ import {
 const TranslationFormBlock = ({
   index,
   name,
+  isOOB,
 }: {
   index: number;
   name: string;
+  isOOB?: boolean;
 }) => (
   <Flex direction="column" gap={6}>
     <Heading size="sm">Edit {name} translation</Heading>
+    {isOOB ? <OOBTranslationNotice languageName={name} /> : null}
     <CustomTextInput
       autoFocus={index !== 0}
       name={`translations.${index}.title`}
@@ -94,11 +99,16 @@ const TranslationTabButton = ({
   </Flex>
 );
 
-const PrivacyNoticeTranslationForm = () => {
+const PrivacyNoticeTranslationForm = ({
+  availableTranslations,
+}: {
+  availableTranslations?: NoticeTranslation[];
+}) => {
   const { values, setFieldValue } = useFormikContext<PrivacyNoticeCreation>();
 
   const [isSelectingLanguage, setIsSelectingLanguage] =
     useState<boolean>(false);
+  const [translationIsOOB, setTranslationIsOOB] = useState<boolean>(false);
   const [tabIndex, setTabIndex] = useState<number>(0);
 
   const languagePage = useAppSelector(selectPage);
@@ -114,10 +124,19 @@ const PrivacyNoticeTranslationForm = () => {
         (translation) => translation.language !== lang.id
       )
     )
-    .map((lang) => ({ label: lang.name, value: lang.id }));
+    .map((lang) => ({ label: lang.name, value: lang.id as SupportedLanguage }));
+
+  const handleTabSelected = (index: number) => {
+    setTabIndex(index);
+    setTranslationIsOOB(false);
+  };
 
-  const handleLanguageSelected = (language: string) => {
-    const newTranslation: NoticeTranslationCreate = {
+  const handleCreateLanguage = (language: SupportedLanguage) => {
+    const availableTranslation = availableTranslations?.find(
+      (translation) => translation.language === language
+    );
+    setTranslationIsOOB(!!availableTranslation);
+    const newTranslation = availableTranslation ?? {
       language: language as SupportedLanguage,
       title: "",
       description: "",
@@ -146,7 +165,7 @@ const PrivacyNoticeTranslationForm = () => {
     <FormSection title="Localizations">
       <Tabs
         index={tabIndex}
-        onChange={setTabIndex}
+        onChange={handleTabSelected}
         as={HStack}
         spacing={8}
         align="start"
@@ -183,7 +202,7 @@ const PrivacyNoticeTranslationForm = () => {
                 chakraStyles={SELECT_STYLES}
                 size="sm"
                 options={languageOptions}
-                onChange={(e: any) => handleLanguageSelected(e.value)}
+                onChange={(e: any) => handleCreateLanguage(e.value)}
                 autoFocus
                 classNamePrefix="select-language"
                 menuPlacement="auto"
@@ -213,6 +232,7 @@ const PrivacyNoticeTranslationForm = () => {
                     <TranslationFormBlock
                       index={idx}
                       name={getLanguageDisplayName(translation.language)}
+                      isOOB={translationIsOOB}
                     />
                   </TabPanel>
                 ))}
diff --git a/clients/admin-ui/src/features/privacy-notices/privacy-notices.slice.ts b/clients/admin-ui/src/features/privacy-notices/privacy-notices.slice.ts
index eac11965a4..54f7f34bb2 100644
--- a/clients/admin-ui/src/features/privacy-notices/privacy-notices.slice.ts
+++ b/clients/admin-ui/src/features/privacy-notices/privacy-notices.slice.ts
@@ -4,6 +4,7 @@ import type { RootState } from "~/app/store";
 import { baseApi } from "~/features/common/api.slice";
 import {
   LimitedPrivacyNoticeResponseSchema,
+  NoticeTranslation,
   Page_LimitedPrivacyNoticeResponseSchema_,
   PrivacyNoticeCreation,
   PrivacyNoticeRegion,
@@ -87,6 +88,15 @@ const privacyNoticesApi = baseApi.injectEndpoints({
         ],
       }
     ),
+    getAvailableNoticeTranslations: build.query<
+      Array<NoticeTranslation>,
+      string
+    >({
+      query: (id) => ({
+        url: `privacy-notice/${id}/available_translations`,
+      }),
+      providesTags: () => ["Privacy Notice Translations"],
+    }),
     postPrivacyNotice: build.mutation<
       PrivacyNoticeResponse[],
       PrivacyNoticeCreation
@@ -107,6 +117,7 @@ export const {
   useLimitedPatchPrivacyNoticesMutation,
   useGetPrivacyNoticeByIdQuery,
   useLazyGetPrivacyNoticeByIdQuery,
+  useGetAvailableNoticeTranslationsQuery,
   usePostPrivacyNoticeMutation,
 } = privacyNoticesApi;
 
diff --git a/clients/admin-ui/src/pages/consent/privacy-experience/[id].tsx b/clients/admin-ui/src/pages/consent/privacy-experience/[id].tsx
index 47996fc51c..bf9fcf3ec7 100644
--- a/clients/admin-ui/src/pages/consent/privacy-experience/[id].tsx
+++ b/clients/admin-ui/src/pages/consent/privacy-experience/[id].tsx
@@ -3,7 +3,10 @@ import { useRouter } from "next/router";
 
 import Layout from "~/features/common/Layout";
 import ConfigurePrivacyExperience from "~/features/privacy-experience/ConfigurePrivacyExperience";
-import { useGetExperienceConfigByIdQuery } from "~/features/privacy-experience/privacy-experience.slice";
+import {
+  useGetAvailableConfigTranslationsQuery,
+  useGetExperienceConfigByIdQuery,
+} from "~/features/privacy-experience/privacy-experience.slice";
 
 const PrivacyExperienceDetailPage = () => {
   const router = useRouter();
@@ -16,6 +19,8 @@ const PrivacyExperienceDetailPage = () => {
   }
 
   const { data, isLoading } = useGetExperienceConfigByIdQuery(experienceId);
+  const { data: availableTranslations } =
+    useGetAvailableConfigTranslationsQuery(experienceId);
 
   if (isLoading) {
     return (
@@ -37,7 +42,10 @@ const PrivacyExperienceDetailPage = () => {
 
   return (
     <Layout title={`Privacy experience ${data.component}`} padded={false}>
-      <ConfigurePrivacyExperience passedInExperience={data} />
+      <ConfigurePrivacyExperience
+        passedInExperience={data}
+        passedInTranslations={availableTranslations}
+      />
     </Layout>
   );
 };
diff --git a/clients/admin-ui/src/pages/consent/privacy-notices/[id].tsx b/clients/admin-ui/src/pages/consent/privacy-notices/[id].tsx
index 9f681215a1..83d80e4089 100644
--- a/clients/admin-ui/src/pages/consent/privacy-notices/[id].tsx
+++ b/clients/admin-ui/src/pages/consent/privacy-notices/[id].tsx
@@ -4,7 +4,10 @@ import { useRouter } from "next/router";
 import Layout from "~/features/common/Layout";
 import BackButton from "~/features/common/nav/v2/BackButton";
 import { PRIVACY_NOTICES_ROUTE } from "~/features/common/nav/v2/routes";
-import { useGetPrivacyNoticeByIdQuery } from "~/features/privacy-notices/privacy-notices.slice";
+import {
+  useGetAvailableNoticeTranslationsQuery,
+  useGetPrivacyNoticeByIdQuery,
+} from "~/features/privacy-notices/privacy-notices.slice";
 import PrivacyNoticeForm from "~/features/privacy-notices/PrivacyNoticeForm";
 
 const PrivacyNoticeDetailPage = () => {
@@ -18,6 +21,8 @@ const PrivacyNoticeDetailPage = () => {
   }
 
   const { data, isLoading } = useGetPrivacyNoticeByIdQuery(noticeId);
+  const { data: availableTranslations } =
+    useGetAvailableNoticeTranslationsQuery(noticeId);
 
   if (isLoading) {
     return (
@@ -51,7 +56,10 @@ const PrivacyNoticeDetailPage = () => {
           users.
         </Text>
         <Box data-testid="privacy-notice-detail-page">
-          <PrivacyNoticeForm privacyNotice={data} />
+          <PrivacyNoticeForm
+            privacyNotice={data}
+            availableTranslations={availableTranslations}
+          />
         </Box>
       </Box>
     </Layout>