diff --git a/app/javascript/components/rooms/room/join/JoinCard.jsx b/app/javascript/components/rooms/room/join/JoinCard.jsx
index e24a2b8462dc0a0b0f5bd38fd4de83bc1c12dbb8..dc7a5a10d7c72b95ffa633d867b8e1ee40707d05 100644
--- a/app/javascript/components/rooms/room/join/JoinCard.jsx
+++ b/app/javascript/components/rooms/room/join/JoinCard.jsx
@@ -18,7 +18,7 @@
 import React, { useState, useEffect } from 'react';
 import Card from 'react-bootstrap/Card';
 import {
-  Navigate, Link, useParams,
+  Navigate, Link, useParams, useLocation,
 } from 'react-router-dom';
 import {
   Button, Col, Row, Stack, Form as RegularForm,
@@ -61,6 +61,11 @@ export default function JoinCard() {
 
   const path = encodeURIComponent(document.location.pathname);
 
+  // get queryParams for JoinFormName
+  const location = useLocation();
+  const queryParams = new URLSearchParams(location.search);
+  const joinFormName = queryParams.get('joinFormName');
+
   useEffect(() => { // set cookie to return to if needed
     const date = new Date();
     date.setTime(date.getTime() + (60 * 1000)); // expire the cookie in 1min
@@ -86,10 +91,12 @@ export default function JoinCard() {
 
   useEffect(() => {
     // Default Join name to authenticated user full name.
-    if (currentUser?.name) {
+    if (joinFormName) {
+      methods.setValue('name', joinFormName);
+    } else if (currentUser?.name) {
       methods.setValue('name', currentUser.name);
     }
-  }, [currentUser?.name]);
+  }, [joinFormName, currentUser?.name]);
 
   useEffect(() => {
     // Room channel subscription: