diff --git a/assets/js/src/settings/pages/signup_confirmation/confirmation_page.tsx b/assets/js/src/settings/pages/signup_confirmation/confirmation_page.tsx
new file mode 100644
index 0000000000..c57c9b6c0e
--- /dev/null
+++ b/assets/js/src/settings/pages/signup_confirmation/confirmation_page.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import { t } from 'common/functions';
+import { Label, Inputs, PagesSelect } from 'settings/components';
+import { useSetting } from 'settings/store/hooks';
+
+export default function ConfirmationPage() {
+  const [enabled] = useSetting('signup_confirmation', 'enabled');
+  const [page, setPage] = useSetting('subscription', 'pages', 'confirmation');
+
+  if (!enabled) return null;
+  return (
+    <>
+      <Label
+        title={t('confirmationPage')}
+        description={t('confirmationPageDescription')}
+        htmlFor="subscription-pages-confirmation"
+      />
+      <Inputs>
+        <PagesSelect
+          value={page}
+          preview="confirm"
+          setValue={setPage}
+          id="subscription-pages-confirmation"
+          linkAutomationId="preview_page_link"
+        />
+      </Inputs>
+    </>
+  );
+}
diff --git a/assets/js/src/settings/pages/signup_confirmation/index.tsx b/assets/js/src/settings/pages/signup_confirmation/index.tsx
index 903b7aa2a5..a2d9e2b92d 100644
--- a/assets/js/src/settings/pages/signup_confirmation/index.tsx
+++ b/assets/js/src/settings/pages/signup_confirmation/index.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import EnableSignupConfirmation from './enable_signup_confirmation';
 import EmailSubject from './email_subject';
 import EmailContent from './email_content';
+import ConfirmationPage from './confirmation_page';
 
 export default function SignupConfirmation() {
   return (
@@ -9,6 +10,7 @@ export default function SignupConfirmation() {
       <EnableSignupConfirmation />
       <EmailSubject />
       <EmailContent />
+      <ConfirmationPage />
     </div>
   );
 }