diff --git a/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewConversationForm.vue b/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewConversationForm.vue
index c9f4db3c4..828669bcf 100644
--- a/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewConversationForm.vue
+++ b/app/javascript/dashboard/components-next/NewConversation/components/ComposeNewConversationForm.vue
@@ -128,6 +128,8 @@ const newMessagePayload = () => {
     currentUser: props.currentUser,
     attachedFiles,
     directUploadsEnabled: props.isDirectUploadsEnabled,
+    sendWithSignature: props.sendWithSignature,
+    messageSignature: props.messageSignature,
   });
 };
 
diff --git a/app/javascript/dashboard/components-next/NewConversation/helpers/composeConversationHelper.js b/app/javascript/dashboard/components-next/NewConversation/helpers/composeConversationHelper.js
index 482988581..0bf542657 100644
--- a/app/javascript/dashboard/components-next/NewConversation/helpers/composeConversationHelper.js
+++ b/app/javascript/dashboard/components-next/NewConversation/helpers/composeConversationHelper.js
@@ -1,5 +1,6 @@
 import { INBOX_TYPES } from 'dashboard/helper/inbox';
 import { getInboxIconByType } from 'dashboard/helper/inbox';
+import { appendSignature } from 'dashboard/helper/editorHelper';
 import camelcaseKeys from 'camelcase-keys';
 import ContactAPI from 'dashboard/api/contacts';
 
@@ -129,12 +130,29 @@ export const prepareNewMessagePayload = ({
   currentUser,
   attachedFiles = [],
   directUploadsEnabled = false,
+  sendWithSignature = false,
+  messageSignature = '',
 }) => {
+  let finalMessage = message;
+  if (sendWithSignature && messageSignature) {
+    const { signature_position, signature_separator } =
+      currentUser?.ui_settings || {};
+    const signatureSettings = {
+      position: signature_position || 'top',
+      separator: signature_separator || 'blank',
+    };
+    finalMessage = appendSignature(
+      message,
+      messageSignature,
+      signatureSettings
+    );
+  }
+
   const payload = {
     inboxId: targetInbox.id,
     sourceId: targetInbox.sourceId,
     contactId: Number(selectedContact.id),
-    message: { content: message },
+    message: { content: finalMessage },
     assigneeId: currentUser.id,
   };
 
diff --git a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
index 00a5c201d..7079127d6 100644
--- a/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
+++ b/app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
@@ -1162,21 +1162,6 @@ export default {
         @play="recordingAudioState = 'playing'"
         @pause="recordingAudioState = 'paused'"
       />
-      <div
-        v-if="shouldShowSignaturePreview && signaturePosition === 'top'"
-        class="signature-preview px-2 py-1 text-slate-500 dark:text-slate-400 text-sm opacity-70 select-none border-b border-slate-100 dark:border-slate-700"
-      >
-        <div class="text-xs text-slate-400 dark:text-slate-500 mb-1">
-          {{ $t('CONVERSATION.FOOTER.SIGNATURE_LABEL_TOP') }}
-        </div>
-        <div v-dompurify-html="formattedSignature" />
-        <div
-          v-if="signatureSeparator === '--'"
-          class="text-slate-400 dark:text-slate-500 mt-1"
-        >
-          {{ signatureSeparator }}
-        </div>
-      </div>
       <WootMessageEditor
         v-model="message"
         :editor-id="editorStateId"
@@ -1200,21 +1185,6 @@ export default {
         @toggle-variables-menu="toggleVariablesMenu"
         @clear-selection="clearEditorSelection"
       />
-      <div
-        v-if="shouldShowSignaturePreview && signaturePosition === 'bottom'"
-        class="signature-preview px-2 py-1 mt-2 text-slate-500 dark:text-slate-400 text-sm opacity-70 select-none border-t border-slate-100 dark:border-slate-700"
-      >
-        <div class="text-xs text-slate-400 dark:text-slate-500 mb-1">
-          {{ $t('CONVERSATION.FOOTER.SIGNATURE_LABEL_BOTTOM') }}
-        </div>
-        <div
-          v-if="signatureSeparator === '--'"
-          class="text-slate-400 dark:text-slate-500 mb-1"
-        >
-          {{ signatureSeparator }}
-        </div>
-        <div v-dompurify-html="formattedSignature" />
-      </div>
       <QuotedEmailPreview
         v-if="shouldShowQuotedPreview"
         :quoted-email-text="quotedEmailText"