diff --git a/.changeset/grumpy-roses-attack.md b/.changeset/grumpy-roses-attack.md
new file mode 100644
index 000000000..b52e1ff66
--- /dev/null
+++ b/.changeset/grumpy-roses-attack.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": minor
+---
+
+Update the register customer page to use toasts for messaging.
diff --git a/core/app/[locale]/(default)/(auth)/register/_actions/register-customer.ts b/core/app/[locale]/(default)/(auth)/register/_actions/register-customer.ts
index 63a2cd049..23de2ae83 100644
--- a/core/app/[locale]/(default)/(auth)/register/_actions/register-customer.ts
+++ b/core/app/[locale]/(default)/(auth)/register/_actions/register-customer.ts
@@ -37,11 +37,6 @@ const RegisterCustomerMutation = graphql(`
 type Variables = VariablesOf<typeof RegisterCustomerMutation>;
 type RegisterCustomerInput = Variables['input'];
 
-interface RegisterCustomerForm {
-  formData: FormData;
-  reCaptchaToken?: string;
-}
-
 const isRegisterCustomerInput = (data: unknown): data is RegisterCustomerInput => {
   if (typeof data === 'object' && data !== null && 'email' in data) {
     return true;
@@ -50,7 +45,15 @@ const isRegisterCustomerInput = (data: unknown): data is RegisterCustomerInput =
   return false;
 };
 
-export const registerCustomer = async ({ formData, reCaptchaToken }: RegisterCustomerForm) => {
+interface RegisterCustomerResponse {
+  status: 'success' | 'error';
+  message: string;
+}
+
+export const registerCustomer = async (
+  formData: FormData,
+  reCaptchaToken?: string,
+): Promise<RegisterCustomerResponse> => {
   const t = await getTranslations('Register');
 
   formData.delete('customer-confirmPassword');
@@ -60,7 +63,7 @@ export const registerCustomer = async ({ formData, reCaptchaToken }: RegisterCus
   if (!isRegisterCustomerInput(parsedData)) {
     return {
       status: 'error',
-      errors: [t('Errors.inputError')],
+      message: t('Errors.inputError'),
     };
   }
 
@@ -78,14 +81,13 @@ export const registerCustomer = async ({ formData, reCaptchaToken }: RegisterCus
 
     const result = response.data.customer.registerCustomer;
 
-    if (result.errors.length === 0) {
-      return { status: 'success', data: parsedData };
+    if (result.errors.length > 0) {
+      result.errors.forEach((error) => {
+        throw new Error(error.message);
+      });
     }
 
-    return {
-      status: 'error',
-      errors: result.errors.map((error) => error.message),
-    };
+    return { status: 'success', message: t('Form.successMessage') };
   } catch (error) {
     // eslint-disable-next-line no-console
     console.error(error);
@@ -93,13 +95,13 @@ export const registerCustomer = async ({ formData, reCaptchaToken }: RegisterCus
     if (error instanceof BigCommerceAPIError) {
       return {
         status: 'error',
-        errors: [t('Errors.apiError')],
+        message: t('Errors.apiError'),
       };
     }
 
     return {
       status: 'error',
-      errors: [t('Errors.error')],
+      message: t('Errors.error'),
     };
   }
 };
diff --git a/core/app/[locale]/(default)/(auth)/register/_components/register-customer-form.tsx b/core/app/[locale]/(default)/(auth)/register/_components/register-customer-form.tsx
index 8ae467e19..573ace62f 100644
--- a/core/app/[locale]/(default)/(auth)/register/_components/register-customer-form.tsx
+++ b/core/app/[locale]/(default)/(auth)/register/_components/register-customer-form.tsx
@@ -1,14 +1,12 @@
 'use client';
 
+import { AlertCircle, Check } from 'lucide-react';
 import { useTranslations } from 'next-intl';
 import { ChangeEvent, MouseEvent, useRef, useState } from 'react';
 import { useFormStatus } from 'react-dom';
 import ReCaptcha from 'react-google-recaptcha';
+import { toast } from 'react-hot-toast';
 
-import {
-  AccountState as FormStatus,
-  useAccountStatusContext,
-} from '~/app/[locale]/(default)/account/_components/account-status-provider';
 import { ExistingResultType } from '~/client/util';
 import {
   Checkboxes,
@@ -36,9 +34,7 @@ import {
 } from '~/components/form-fields/shared/field-handlers';
 import { Button } from '~/components/ui/button';
 import { Field, Form, FormSubmit } from '~/components/ui/form';
-import { Message } from '~/components/ui/message';
 
-import { SubmitMessagesList } from '../../../account/_components/submit-messages-list';
 import { login } from '../_actions/login';
 import { registerCustomer } from '../_actions/register-customer';
 import { getRegisterCustomerQuery } from '../page-data';
@@ -83,7 +79,6 @@ export const RegisterCustomerForm = ({
   reCaptchaSettings,
 }: RegisterCustomerProps) => {
   const form = useRef<HTMLFormElement>(null);
-  const [formStatus, setFormStatus] = useState<FormStatus | null>(null);
 
   const [textInputValid, setTextInputValid] = useState<Record<string, boolean>>({});
   const [passwordValid, setPassswordValid] = useState<Record<string, boolean>>({
@@ -101,8 +96,6 @@ export const RegisterCustomerForm = ({
   const [reCaptchaToken, setReCaptchaToken] = useState('');
   const [isReCaptchaValid, setReCaptchaValid] = useState(true);
 
-  const { setAccountState } = useAccountStatusContext();
-
   const t = useTranslations('Register.Form');
 
   const handleTextInputValidation = (e: ChangeEvent<HTMLInputElement>) => {
@@ -199,9 +192,8 @@ export const RegisterCustomerForm = ({
 
   const onSubmit = async (formData: FormData) => {
     if (formData.get('customer-password') !== formData.get('customer-confirmPassword')) {
-      setFormStatus({
-        status: 'error',
-        messages: [t('confirmPassword')],
+      toast.error(t('confirmPassword'), {
+        icon: <AlertCircle className="text-error-secondary" />,
       });
 
       window.scrollTo({
@@ -220,191 +212,183 @@ export const RegisterCustomerForm = ({
 
     setReCaptchaValid(true);
 
-    const submit = await registerCustomer({ formData, reCaptchaToken });
-
-    if (submit.status === 'success') {
-      setAccountState({ status: 'success', messages: [''] });
+    const { status, message } = await registerCustomer(formData, reCaptchaToken);
 
-      await login(formData);
-    }
+    if (status === 'error') {
+      toast.error(message, {
+        icon: <AlertCircle className="text-error-secondary" />,
+      });
 
-    if (submit.status === 'error') {
-      setFormStatus({ status: 'error', messages: submit.errors ?? [''] });
+      return;
     }
 
-    window.scrollTo({
-      top: 0,
-      behavior: 'smooth',
+    toast.success(message, {
+      icon: <Check className="text-success-secondary" />,
     });
+
+    await login(formData);
   };
 
   return (
-    <>
-      {formStatus && formStatus.status !== 'idle' && (
-        <Message className="mb-8" variant={formStatus.status}>
-          <SubmitMessagesList messages={formStatus.messages} />
-        </Message>
-      )}
-      <Form action={onSubmit} onClick={preSubmitFieldsValidation} ref={form}>
-        <div className="grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
-          {addressFields.map((field) => {
+    <Form action={onSubmit} onClick={preSubmitFieldsValidation} ref={form}>
+      <div className="grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
+        {addressFields.map((field) => {
+          const fieldId = field.entityId;
+          const fieldName = createFieldName(field, 'customer');
+
+          if (field.__typename === 'TextFormField' && FULL_NAME_FIELDS.includes(fieldId)) {
+            return (
+              <FieldWrapper fieldId={fieldId} key={fieldId}>
+                <Text
+                  field={field}
+                  isValid={textInputValid[fieldId]}
+                  name={fieldName}
+                  onChange={handleTextInputValidation}
+                />
+              </FieldWrapper>
+            );
+          }
+
+          return null;
+        })}
+      </div>
+      <div className="mb-4 grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
+        {customerFields
+          .filter((field) => !CUSTOMER_FIELDS_TO_EXCLUDE.includes(field.entityId))
+          .map((field) => {
             const fieldId = field.entityId;
             const fieldName = createFieldName(field, 'customer');
 
-            if (field.__typename === 'TextFormField' && FULL_NAME_FIELDS.includes(fieldId)) {
-              return (
-                <FieldWrapper fieldId={fieldId} key={fieldId}>
-                  <Text
-                    field={field}
-                    isValid={textInputValid[fieldId]}
-                    name={fieldName}
-                    onChange={handleTextInputValidation}
-                  />
-                </FieldWrapper>
-              );
-            }
+            switch (field.__typename) {
+              case 'TextFormField':
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <Text
+                      field={field}
+                      isValid={textInputValid[fieldId]}
+                      name={fieldName}
+                      onChange={handleTextInputValidation}
+                      type={FieldNameToFieldId[fieldId]}
+                    />
+                  </FieldWrapper>
+                );
+
+              case 'PasswordFormField':
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <Password
+                      field={field}
+                      isValid={passwordValid[fieldId]}
+                      name={fieldName}
+                      onChange={handlePasswordValidation}
+                    />
+                  </FieldWrapper>
+                );
+
+              case 'MultilineTextFormField': {
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <MultilineText
+                      field={field}
+                      isValid={multiTextValid[fieldId]}
+                      name={fieldName}
+                      onChange={handleMultiTextValidation}
+                    />
+                  </FieldWrapper>
+                );
+              }
 
-            return null;
-          })}
-        </div>
-        <div className="mb-4 grid grid-cols-1 gap-y-3 lg:grid-cols-2 lg:gap-x-6">
-          {customerFields
-            .filter((field) => !CUSTOMER_FIELDS_TO_EXCLUDE.includes(field.entityId))
-            .map((field) => {
-              const fieldId = field.entityId;
-              const fieldName = createFieldName(field, 'customer');
-
-              switch (field.__typename) {
-                case 'TextFormField':
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <Text
-                        field={field}
-                        isValid={textInputValid[fieldId]}
-                        name={fieldName}
-                        onChange={handleTextInputValidation}
-                        type={FieldNameToFieldId[fieldId]}
-                      />
-                    </FieldWrapper>
-                  );
-
-                case 'PasswordFormField':
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <Password
-                        field={field}
-                        isValid={passwordValid[fieldId]}
-                        name={fieldName}
-                        onChange={handlePasswordValidation}
-                      />
-                    </FieldWrapper>
-                  );
-
-                case 'MultilineTextFormField': {
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <MultilineText
-                        field={field}
-                        isValid={multiTextValid[fieldId]}
-                        name={fieldName}
-                        onChange={handleMultiTextValidation}
-                      />
-                    </FieldWrapper>
-                  );
-                }
-
-                case 'NumberFormField': {
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <NumbersOnly
-                        field={field}
-                        isValid={numbersInputValid[fieldId]}
-                        name={fieldName}
-                        onChange={handleNumbersInputValidation}
-                      />
-                    </FieldWrapper>
-                  );
-                }
-
-                case 'DateFormField': {
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <DateField
-                        field={field}
-                        isValid={datesValid[fieldId]}
-                        name={fieldName}
-                        onChange={handleDatesValidation}
-                        onValidate={setDatesValid}
-                      />
-                    </FieldWrapper>
-                  );
-                }
-
-                case 'RadioButtonsFormField': {
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <RadioButtons
-                        field={field}
-                        isValid={radioButtonsValid[fieldId]}
-                        name={fieldName}
-                        onChange={handleRadioButtonsChange}
-                      />
-                    </FieldWrapper>
-                  );
-                }
-
-                case 'PicklistFormField': {
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <Picklist
-                        field={field}
-                        isValid={picklistValid[fieldId]}
-                        name={fieldName}
-                        onValidate={setPicklistValid}
-                        options={field.options}
-                      />
-                    </FieldWrapper>
-                  );
-                }
-
-                case 'CheckboxesFormField': {
-                  return (
-                    <FieldWrapper fieldId={fieldId} key={fieldId}>
-                      <Checkboxes
-                        field={field}
-                        isValid={checkboxesValid[fieldId]}
-                        name={fieldName}
-                        onValidate={setCheckboxesValid}
-                        options={field.options}
-                      />
-                    </FieldWrapper>
-                  );
-                }
-
-                default:
-                  return null;
+              case 'NumberFormField': {
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <NumbersOnly
+                      field={field}
+                      isValid={numbersInputValid[fieldId]}
+                      name={fieldName}
+                      onChange={handleNumbersInputValidation}
+                    />
+                  </FieldWrapper>
+                );
               }
-            })}
-          {reCaptchaSettings?.isEnabledOnStorefront && (
-            <Field className="relative col-span-full max-w-full space-y-2 pb-7" name="ReCAPTCHA">
-              <ReCaptcha
-                onChange={onReCaptchaChange}
-                ref={reCaptchaRef}
-                sitekey={reCaptchaSettings.siteKey}
-              />
-              {!isReCaptchaValid && (
-                <span className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error">
-                  {t('recaptchaText')}
-                </span>
-              )}
-            </Field>
-          )}
-        </div>
-
-        <FormSubmit asChild>
-          <SubmitButton messages={{ submit: t('submit'), submitting: t('submitting') }} />
-        </FormSubmit>
-      </Form>
-    </>
+
+              case 'DateFormField': {
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <DateField
+                      field={field}
+                      isValid={datesValid[fieldId]}
+                      name={fieldName}
+                      onChange={handleDatesValidation}
+                      onValidate={setDatesValid}
+                    />
+                  </FieldWrapper>
+                );
+              }
+
+              case 'RadioButtonsFormField': {
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <RadioButtons
+                      field={field}
+                      isValid={radioButtonsValid[fieldId]}
+                      name={fieldName}
+                      onChange={handleRadioButtonsChange}
+                    />
+                  </FieldWrapper>
+                );
+              }
+
+              case 'PicklistFormField': {
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <Picklist
+                      field={field}
+                      isValid={picklistValid[fieldId]}
+                      name={fieldName}
+                      onValidate={setPicklistValid}
+                      options={field.options}
+                    />
+                  </FieldWrapper>
+                );
+              }
+
+              case 'CheckboxesFormField': {
+                return (
+                  <FieldWrapper fieldId={fieldId} key={fieldId}>
+                    <Checkboxes
+                      field={field}
+                      isValid={checkboxesValid[fieldId]}
+                      name={fieldName}
+                      onValidate={setCheckboxesValid}
+                      options={field.options}
+                    />
+                  </FieldWrapper>
+                );
+              }
+
+              default:
+                return null;
+            }
+          })}
+        {reCaptchaSettings?.isEnabledOnStorefront && (
+          <Field className="relative col-span-full max-w-full space-y-2 pb-7" name="ReCAPTCHA">
+            <ReCaptcha
+              onChange={onReCaptchaChange}
+              ref={reCaptchaRef}
+              sitekey={reCaptchaSettings.siteKey}
+            />
+            {!isReCaptchaValid && (
+              <span className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error">
+                {t('recaptchaText')}
+              </span>
+            )}
+          </Field>
+        )}
+      </div>
+
+      <FormSubmit asChild>
+        <SubmitButton messages={{ submit: t('submit'), submitting: t('submitting') }} />
+      </FormSubmit>
+    </Form>
   );
 };
diff --git a/core/messages/en.json b/core/messages/en.json
index 18abc4960..e190de8ed 100644
--- a/core/messages/en.json
+++ b/core/messages/en.json
@@ -68,7 +68,8 @@
       "submit": "Create account",
       "submitting": "Creating account...",
       "recaptchaText": "Pass ReCAPTCHA check",
-      "confirmPassword": "Passwords don't match"
+      "confirmPassword": "Passwords don't match",
+      "successMessage": "Account was successfully created."
     },
     "Errors": {
       "inputError": "Something went wrong with processing user input.",