diff --git a/apps/web/app/(app)/environments/[environmentId]/settings/setup/components/EnvironmentIdField.tsx b/apps/web/app/(app)/environments/[environmentId]/settings/setup/components/EnvironmentIdField.tsx
new file mode 100644
index 0000000000..f2f3b746ae
--- /dev/null
+++ b/apps/web/app/(app)/environments/[environmentId]/settings/setup/components/EnvironmentIdField.tsx
@@ -0,0 +1,11 @@
+"use client";
+
+import CodeBlock from "@formbricks/ui/CodeBlock";
+
+export default function SetupInstructions({ environmentId }: { environmentId: string }) {
+ return (
+
+ {environmentId}
+
+ );
+}
diff --git a/apps/web/app/(app)/environments/[environmentId]/settings/setup/page.tsx b/apps/web/app/(app)/environments/[environmentId]/settings/setup/page.tsx
index d4bd322b9b..4889073dfe 100644
--- a/apps/web/app/(app)/environments/[environmentId]/settings/setup/page.tsx
+++ b/apps/web/app/(app)/environments/[environmentId]/settings/setup/page.tsx
@@ -5,6 +5,7 @@ import EnvironmentNotice from "@formbricks/ui/EnvironmentNotice";
import SettingsCard from "../components/SettingsCard";
import SettingsTitle from "../components/SettingsTitle";
+import EnvironmentIdField from "./components/EnvironmentIdField";
import SetupInstructions from "./components/SetupInstructions";
export default async function ProfileSettingsPage({ params }) {
@@ -18,7 +19,11 @@ export default async function ProfileSettingsPage({ params }) {
description="Check if the Formbricks widget is alive and kicking.">
-
+
+
+