diff --git a/src/pages/CreateUserWithCoupon.js b/src/pages/CreateUserWithCoupon.js
index d06e73f..ddc2f77 100644
--- a/src/pages/CreateUserWithCoupon.js
+++ b/src/pages/CreateUserWithCoupon.js
@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import styles from './Join.module.css'; // Import the module.css file
+import React, { useState, useEffect } from 'react';
+import styles from './LinktreePage.module.css'; // Import the module.css file
 import API_BASE_URL from '../config.js';
 
 function getAuthToken() {
@@ -7,6 +7,7 @@ function getAuthToken() {
 }
 
 const LinktreePage = ({ setModal }) => {
+  const queryParams = new URLSearchParams(window.location.search);
   const [isUsingCoupon, setIsUsingCoupon] = useState(false);
   const [couponCode, setCouponCode] = useState('');
   const [couponStatus, setCouponStatus] = useState('');
@@ -16,6 +17,17 @@ const LinktreePage = ({ setModal }) => {
   const [password, setPassword] = useState('');
   const [retypePassword, setRetypePassword] = useState('');
 
+  // Detect query params on component mount
+  useEffect(() => {
+    const code = queryParams.get('couponCode');
+    console.log(code)
+    if (code) {
+      setCouponStatus(200);
+      setCouponCode(code);
+      setIsUsingCoupon(true);  // Automatically switch to the coupon input state
+    }
+  }, [queryParams]);
+
   const handleCheckCoupon = async (e) => {
     e.preventDefault();
     try {