diff --git a/src/assets/images/icon/copy-to-clipboard.svg b/src/assets/images/icon/copy-to-clipboard.svg
new file mode 100644
index 0000000..949b34f
--- /dev/null
+++ b/src/assets/images/icon/copy-to-clipboard.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" 
+	 width="800px" height="800px" viewBox="0 0 52 52" enable-background="new 0 0 52 52" xml:space="preserve">
+<g>
+	<path d="M17.4,11.6h17.3c0.9,0,1.6-0.7,1.6-1.6V6.8c0-2.6-2.1-4.8-4.7-4.8h-11c-2.6,0-4.7,2.2-4.7,4.8V10
+		C15.8,10.9,16.5,11.6,17.4,11.6z"/>
+	<path d="M43.3,6h-1.6c-0.5,0-0.8,0.3-0.8,0.8V10c0,3.5-2.8,6.4-6.3,6.4H17.4c-3.5,0-6.3-2.9-6.3-6.4V6.8
+		c0-0.5-0.3-0.8-0.8-0.8H8.7C6.1,6,4,8.2,4,10.8v34.4C4,47.8,6.1,50,8.7,50h34.6c2.6,0,4.7-2.2,4.7-4.8V10.8C48,8.2,45.9,6,43.3,6z"
+		/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/core/components/profile/stepCard.component.tsx b/src/core/components/profile/stepCard.component.tsx
index cd78425..a686dbb 100644
--- a/src/core/components/profile/stepCard.component.tsx
+++ b/src/core/components/profile/stepCard.component.tsx
@@ -7,6 +7,7 @@ import { useApplicationStateContext } from "../../providers/applicationState.pro
 import { dateToLocaleString, resolveRegistraionTime } from "../../../utils/conversion"
 import { useAuthContext } from "../../providers/auth.provider"
 import MyProfileModel from "../../models/myprofile.models"
+import copyToClipBoard from "../../assets/images/icon/copy-to-clipboard.svg"
 
 const useStyles = makeStyles(theme => ({
   card: {
@@ -150,10 +151,10 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
   const { openPaymentDialog, openShirtSizeDialog } = useDialogContext()
   const { me } = useAuthContext()
   const { application } = useApplicationStateContext()
-
   const { documentState } = me.data as MyProfileModel
 
   const text = stepCardConstant[step][status][isApproved]!
+  const zoomName = application.lgNumber.trim().substring(3) + "_" + application.firstName.trim()
 
   const setStepIndicatorStyles = (status: String) => {
     switch (status) {
@@ -180,6 +181,14 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
     )
   }
 
+  const copyTextToClipboard = async () => {
+    if ("clipboard" in navigator) {
+      return await navigator.clipboard.writeText(zoomName)
+    } else {
+      return document.execCommand("copy", true, zoomName)
+    }
+  }
+
   const renderButton = (opensDialog: boolean, dialogType: string | undefined, isPrimary: boolean, isExternalPath: boolean | undefined) => {
     if (opensDialog) {
       if (dialogType === "payment") return resolveButton(isPrimary, openPaymentDialog)
@@ -231,7 +240,9 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
                 </Typography>
                 <Typography variant="subtitle2" className={`${classes.text} ${classes.content}`}>
                   {text.contents}
+                  ตั้งชื่อ LG {zoomName} <img src={copyToClipBoard} onClick={copyTextToClipboard} alt="" />
                 </Typography>
+
                 <div className={classes.buttonContainer}>
                   {text.primaryButton &&
                     renderButton(text.primaryButton.opensDialog, text.primaryButton.dialogType, true, text.primaryButton.isExternalPath)}
@@ -268,6 +279,14 @@ const StepCard: React.FC<StepCardProps> = ({ step, status, isApproved }) => {
                   style={{ color: "#941014" }}>
                   แผนที่การเดินทางไปคณะวิศวกรรมศาสตร์
                 </a>
+                <a
+                  href="https://docs.google.com/forms/d/e/1FAIpQLSdKhVP_C7tZ1-xDzVEQu6mloZPcveaLgBvkzx52JBfo4wuKPw/viewform"
+                  className="no-underline"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  style={{ color: "#941014" }}>
+                  แบบฟอร์มยินยอมให้เก็บรวบรวม ใช้ และเปิดเผยข้อมูลส่วนบุคคล
+                </a>
                 <div className={classes.buttonContainer}>
                   {text.secondaryButton &&
                     renderButton(text.secondaryButton.opensDialog, text.secondaryButton.dialogType, false, text.secondaryButton.isExternalPath)}
diff --git a/src/utils/conversion.tsx b/src/utils/conversion.tsx
index 091e0d3..cea5872 100644
--- a/src/utils/conversion.tsx
+++ b/src/utils/conversion.tsx
@@ -9,15 +9,13 @@ export const dateToLocaleString = (isoString: string) => {
 
 export const resolveRegistraionTime = (isoString: string) => {
   const date = new Date(isoString)
-  let startTime : string = (date.getHours()-1).toString() + ":" + (date.getMinutes()+15).toString()
-  for (let i = 0; i < 5-startTime.length; i++) {
+  let startTime: string = (date.getHours() - 1).toString() + ":" + (date.getMinutes() + 15).toString()
+  for (let i = 0; i < 5 - startTime.length; i++) {
     startTime = "0" + startTime
   }
-  let endTime : string = (date.getHours()-1).toString() + ":" + (date.getMinutes()+45).toString()
-  for (let i = 0; i < 5-endTime.length; i++) {
+  let endTime: string = (date.getHours() - 1).toString() + ":" + (date.getMinutes() + 45).toString()
+  for (let i = 0; i < 5 - endTime.length; i++) {
     endTime = "0" + endTime
   }
-  return (
-   startTime + " ถึง " + endTime + " น."
-  )
-} 
\ No newline at end of file
+  return startTime + " ถึง " + endTime + " น."
+}