diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx
index 0e4ef6f895..0709e23070 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings.tsx
@@ -1,3 +1,4 @@
+import ContentCopyIcon from "@mui/icons-material/ContentCopy";
 import Alert from "@mui/material/Alert";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
@@ -5,12 +6,15 @@ import Container from "@mui/material/Container";
 import FormControlLabel, {
   formControlLabelClasses,
 } from "@mui/material/FormControlLabel";
+import Link from "@mui/material/Link";
 import Snackbar from "@mui/material/Snackbar";
 import Switch, { SwitchProps } from "@mui/material/Switch";
+import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 import { FlowStatus } from "@opensystemslab/planx-core/types";
 import { useFormik } from "formik";
 import React, { useState } from "react";
+import { rootFlowPath } from "routes/utils";
 import { FONT_WEIGHT_BOLD } from "theme";
 import InputGroup from "ui/editor/InputGroup";
 import InputLegend from "ui/editor/InputLegend";
@@ -24,6 +28,127 @@ import InputRowItem from "ui/shared/InputRowItem";
 import type { FlowSettings } from "../../../../types";
 import { useStore } from "../../lib/store";
 
+const CopyButton = (props: { link: string; isActive: boolean }) => {
+  const [copyMessage, setCopyMessage] = useState<"copy" | "copied">("copy");
+  return (
+    <Tooltip title={copyMessage}>
+      <Button
+        disabled={!props.isActive}
+        variant="help"
+        onMouseLeave={() => {
+          setTimeout(() => {
+            setCopyMessage("copy");
+          }, 500);
+        }}
+        onClick={() => {
+          setCopyMessage("copied");
+          navigator.clipboard.writeText(props.link);
+        }}
+        sx={{ marginLeft: 0.5 }}
+      >
+        <ContentCopyIcon style={{ width: "18px", height: "18px" }} />
+        <Typography ml={0.5} variant="body3">
+          {copyMessage}
+        </Typography>
+      </Button>
+    </Tooltip>
+  );
+};
+
+const TitledLink: React.FC<{
+  link: string;
+  isActive: boolean;
+  helpText: string | undefined;
+}> = ({ link, isActive, helpText }) => {
+  return (
+    <Box paddingBottom={0.5} mt={1}>
+      <Typography mb={0.5} variant="h4">
+        Your public link
+        <CopyButton isActive={isActive} link={link} />
+      </Typography>
+      <SettingsDescription>
+        <Typography variant="body2">{helpText}</Typography>
+      </SettingsDescription>
+      {isActive ? (
+        <Link
+          variant="body2"
+          href={link}
+          target={"_blank"}
+          rel={"noopener noreferrer"}
+        >
+          {link}
+        </Link>
+      ) : (
+        <Typography
+          style={{ color: "GrayText", textDecoration: "underline" }}
+          variant="body2"
+        >
+          {link}
+        </Typography>
+      )}
+    </Box>
+  );
+};
+
+const PublicLink: React.FC<{
+  isFlowPublished: boolean;
+  status: FlowStatus;
+  subdomain: string;
+  publishedLink: string;
+}> = ({ isFlowPublished, status, subdomain, publishedLink }) => {
+  const isFlowPublic = isFlowPublished && status === "online";
+  const hasSubdomain = Boolean(subdomain);
+
+  const publicLinkHelpText = () => {
+    const isFlowOnline = status === "online";
+    switch (true) {
+      case isFlowPublished && isFlowOnline:
+        return undefined;
+      case !isFlowPublished && isFlowOnline:
+        return "Publish your flow to activate the public link.";
+      case isFlowPublished && !isFlowOnline:
+        return "Switch your flow to 'online' to activate the public link.";
+      case !isFlowPublished && !isFlowOnline:
+        return "Publish your flow and switch it to 'online' to activate the public link.";
+    }
+  };
+
+  switch (true) {
+    case isFlowPublic && hasSubdomain:
+      return (
+        <TitledLink
+          helpText={publicLinkHelpText()}
+          isActive={true}
+          link={subdomain}
+        />
+      );
+    case isFlowPublic && !hasSubdomain:
+      return (
+        <TitledLink
+          helpText={publicLinkHelpText()}
+          isActive={true}
+          link={publishedLink}
+        />
+      );
+    case !isFlowPublic && hasSubdomain:
+      return (
+        <TitledLink
+          helpText={publicLinkHelpText()}
+          isActive={false}
+          link={subdomain}
+        />
+      );
+    case !isFlowPublic && !hasSubdomain:
+      return (
+        <TitledLink
+          helpText={publicLinkHelpText()}
+          isActive={false}
+          link={publishedLink}
+        />
+      );
+  }
+};
+
 const TextInput: React.FC<{
   title: string;
   richText?: boolean;
@@ -81,19 +206,29 @@ const TextInput: React.FC<{
 };
 
 const ServiceSettings: React.FC = () => {
-  const [flowSettings, updateFlowSettings, flowStatus, updateFlowStatus] =
-    useStore((state) => [
-      state.flowSettings,
-      state.updateFlowSettings,
-      state.flowStatus,
-      state.updateFlowStatus,
-    ]);
+  const [
+    flowSettings,
+    updateFlowSettings,
+    flowStatus,
+    updateFlowStatus,
+    flowSlug,
+    teamDomain,
+    isFlowPublished,
+  ] = useStore((state) => [
+    state.flowSettings,
+    state.updateFlowSettings,
+    state.flowStatus,
+    state.updateFlowStatus,
+    state.flowSlug,
+    state.teamDomain,
+    state.isFlowPublished,
+  ]);
 
   const [isAlertOpen, setIsAlertOpen] = useState(false);
 
   const handleClose = (
     _event?: React.SyntheticEvent | Event,
-    reason?: string,
+    reason?: string
   ) => {
     if (reason === "clickaway") {
       return;
@@ -143,6 +278,12 @@ const ServiceSettings: React.FC = () => {
     },
   });
 
+  const publishedLink = `${window.location.origin}${rootFlowPath(
+    false
+  )}/published`;
+
+  const subdomainLink = teamDomain && `https://${teamDomain}/${flowSlug}`;
+
   return (
     <Container maxWidth="formWrap">
       <Box component="form" onSubmit={elementsForm.handleSubmit} mb={2}>
@@ -264,9 +405,7 @@ const ServiceSettings: React.FC = () => {
                 onChange={() =>
                   statusForm.setFieldValue(
                     "status",
-                    statusForm.values.status === "online"
-                      ? "offline"
-                      : "online",
+                    statusForm.values.status === "online" ? "offline" : "online"
                   )
                 }
               />
@@ -280,6 +419,14 @@ const ServiceSettings: React.FC = () => {
             </p>
             <p>Offline services can still be edited and published as normal.</p>
           </SettingsDescription>
+
+          <PublicLink
+            isFlowPublished={isFlowPublished}
+            status={flowStatus || "offline"}
+            subdomain={subdomainLink}
+            publishedLink={publishedLink}
+          />
+
           <Box>
             <Button
               type="submit"
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/tests/ServiceSettings/PublicLinks.test.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/tests/ServiceSettings/PublicLinks.test.tsx
new file mode 100644
index 0000000000..e8e9770561
--- /dev/null
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/tests/ServiceSettings/PublicLinks.test.tsx
@@ -0,0 +1,260 @@
+import { useStore } from "pages/FlowEditor/lib/store";
+import setupServiceSettingsScreen, {
+  mockWindowLocationObject,
+} from "../helpers/setupServiceSettingsScreen";
+import { screen } from "@testing-library/react";
+
+const { getState, setState } = useStore;
+
+const subdomainStateData = {
+  flowSettings: {},
+  teamDomain: "mockedteamdomain.com",
+  flowSlug: "mock-planning-permish",
+};
+
+const nonSubdomainStateData = {
+  flowSettings: {},
+  teamDomain: undefined,
+  teamName: "mockTeam",
+  flowSlug: "mock-planning-permish",
+};
+
+const publishedUrl = `${mockWindowLocationObject.origin}${mockWindowLocationObject.pathname}/published`;
+
+const disabledCopyCheck = () => {
+  const copyButton = screen.getByRole("button", { name: `copy` });
+  expect(copyButton).toBeDisabled();
+};
+
+const enabledCopyCheck = () => {
+  const copyButton = screen.getByRole("button", { name: `copy` });
+  expect(copyButton).toBeEnabled();
+};
+
+const inactiveLinkCheck = async (link: string) => {
+  const publicLink = await screen.findByText(link);
+  expect(publicLink.tagName).toBe("P");
+};
+
+const activeLinkCheck = async (link: string) => {
+  const publicLink = await screen.findByText(`${link}`);
+
+  expect(publicLink.tagName).toBe("A");
+};
+
+describe("A team with a subdomain has an offline, published service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...subdomainStateData,
+      isFlowPublished: true,
+      flowStatus: "offline",
+    });
+
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+  });
+
+  it("has a public link with the subdomain url in a <p> tag", async () => {
+    const { flowSlug, teamDomain } = getState();
+
+    await inactiveLinkCheck(`https://${teamDomain}/${flowSlug}`);
+  });
+  it("has a disabled copy button", disabledCopyCheck);
+});
+
+describe("A team with a subdomain has an online, unpublished service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...subdomainStateData,
+      isFlowPublished: false,
+      flowStatus: "online",
+    });
+
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+  });
+
+  it("has a public link with the subdomain url in a <p> tag", async () => {
+    const { flowSlug, teamDomain } = getState();
+
+    await inactiveLinkCheck(`https://${teamDomain}/${flowSlug}`);
+  });
+  it("has a disabled copy button", disabledCopyCheck);
+});
+
+describe("A team with a subdomain has an online, published service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...subdomainStateData,
+      isFlowPublished: true,
+      flowStatus: "online",
+    });
+    // mock navigator.clipboard fn
+    jest
+      .spyOn(navigator.clipboard, "writeText")
+      .mockImplementation(() => Promise.resolve());
+  });
+
+  it("has a public link with the subdomain url in an <a> tag", async () => {
+    // render the <ServiceSettings/> comp
+    const { flowSlug, teamDomain } = getState();
+
+    await setupServiceSettingsScreen();
+    await activeLinkCheck(`https://${teamDomain}/${flowSlug}`);
+  });
+  it("has an enabled copy button", async () => {
+    // render the <ServiceSettings/> comp
+    await setupServiceSettingsScreen();
+    enabledCopyCheck();
+  });
+  it("can be copied to the clipboard", async () => {
+    const { flowSlug, teamDomain } = getState();
+    // render the <ServiceSettings/> comp
+    const user = await setupServiceSettingsScreen();
+
+    const copyButton = screen.getByRole("button", { name: `copy` });
+
+    user.click(copyButton);
+
+    expect(await screen.findByText("copied")).toBeVisible();
+    expect(navigator.clipboard.writeText).toBeCalledWith(
+      `https://${teamDomain}/${flowSlug}`
+    );
+  });
+});
+describe("A team with a subdomain has an offline, unpublished service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...subdomainStateData,
+      isFlowPublished: false,
+      flowStatus: "offline",
+    });
+
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+  });
+
+  it("has a public link with the subdomain url in a <p> tag", async () => {
+    const { flowSlug, teamDomain } = getState();
+
+    await inactiveLinkCheck(`https://${teamDomain}/${flowSlug}`);
+  });
+  it("has a disabled copy button", disabledCopyCheck);
+});
+describe("A team without a subdomain has an offline, published service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...nonSubdomainStateData,
+      flowStatus: "offline",
+      isFlowPublished: true,
+    });
+
+    // Mocking window.location.origin
+    jest
+      .spyOn(window, "location", "get")
+      .mockReturnValue(mockWindowLocationObject);
+
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+  });
+
+  it("has a public link with the url in a <p> tag", async () => {
+    await inactiveLinkCheck(publishedUrl);
+  });
+  it("has a disabled copy button", disabledCopyCheck);
+});
+
+describe("A team without a subdomain has an online, unpublished service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...nonSubdomainStateData,
+      flowStatus: "online",
+      isFlowPublished: false,
+    });
+
+    // Mocking window.location.origin
+    jest
+      .spyOn(window, "location", "get")
+      .mockReturnValue(mockWindowLocationObject);
+
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+  });
+
+  it("has a public link with the url in a <p> tag", async () => {
+    await inactiveLinkCheck(publishedUrl);
+  });
+  it("has a disabled copy button", disabledCopyCheck);
+});
+
+describe("A team without a subdomain has an online, published service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...nonSubdomainStateData,
+      flowStatus: "online",
+      isFlowPublished: true,
+    });
+    // Mocking window.location.origin
+    jest
+      .spyOn(window, "location", "get")
+      .mockReturnValue(mockWindowLocationObject);
+
+    // mock navigator.clipboard fn
+    jest
+      .spyOn(navigator.clipboard, "writeText")
+      .mockImplementation(() => Promise.resolve());
+  });
+
+  it("has a public link with the subdomain url in an <a> tag", async () => {
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+    await activeLinkCheck(publishedUrl);
+  });
+  it("has an enabled copy button", () => {
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+    enabledCopyCheck();
+  });
+
+  it("can be copied to the clipboard", async () => {
+    // render the <ServiceSettings/> comp
+    const user = await setupServiceSettingsScreen();
+    const copyButton = screen.getByRole("button", { name: `copy` });
+
+    user.click(copyButton);
+
+    expect(await screen.findByText("copied")).toBeVisible();
+    expect(navigator.clipboard.writeText).toBeCalledWith(publishedUrl);
+  });
+});
+
+describe("A team without a subdomain has an offline, unpublished service. ", () => {
+  beforeEach(async () => {
+    // setup state values that <ServiceSettings/> depends on
+    setState({
+      ...nonSubdomainStateData,
+      flowStatus: "offline",
+      isFlowPublished: false,
+    });
+
+    // Mocking window.location.origin
+    jest
+      .spyOn(window, "location", "get")
+      .mockReturnValue(mockWindowLocationObject);
+
+    // render the <ServiceSettings/> comp
+    setupServiceSettingsScreen();
+  });
+
+  it("has a public link with the url in a <p> tag", async () => {
+    await inactiveLinkCheck(publishedUrl);
+  });
+  it("has a disabled copy button", disabledCopyCheck);
+});
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/tests/helpers/setupServiceSettingsScreen.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/tests/helpers/setupServiceSettingsScreen.tsx
new file mode 100644
index 0000000000..57060f858e
--- /dev/null
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/tests/helpers/setupServiceSettingsScreen.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import ServiceSettings from "../../ServiceSettings";
+import { setup } from "testUtils";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { screen } from "@testing-library/react";
+
+export default async function setupServiceSettingsScreen() {
+  const { user } = setup(
+    <DndProvider backend={HTML5Backend}>
+      <ServiceSettings />
+    </DndProvider>
+  );
+
+  await screen.findByText("Your public link");
+  return user;
+}
+
+export const mockWindowLocationObject = {
+  origin: "https://mocked-origin.com",
+  hash: "",
+  host: "dummy.com",
+  port: "80",
+  protocol: "http:",
+  hostname: "dummy.com",
+  href: "http://dummy.com?page=1&name=testing",
+  pathname: "/mockTeam/mock-planning-permish",
+  search: "",
+  assign: jest.fn(),
+  reload: jest.fn(),
+  replace: jest.fn(),
+  ancestorOrigins: {
+    length: 0,
+    contains: () => true,
+    item: () => null,
+    [Symbol.iterator]: jest.fn(),
+  },
+};
diff --git a/editor.planx.uk/src/pages/FlowEditor/lib/store/team.ts b/editor.planx.uk/src/pages/FlowEditor/lib/store/team.ts
index 824e6cb93b..99238abce5 100644
--- a/editor.planx.uk/src/pages/FlowEditor/lib/store/team.ts
+++ b/editor.planx.uk/src/pages/FlowEditor/lib/store/team.ts
@@ -17,6 +17,7 @@ export interface TeamStore {
   teamSettings: TeamSettings;
   teamSlug: string;
   teamTheme: TeamTheme;
+  teamDomain: string;
 
   setTeam: (team: Team) => void;
   getTeam: () => Team;
@@ -40,6 +41,7 @@ export const teamStore: StateCreator<
   teamSettings: {} as TeamSettings,
   teamSlug: "",
   teamTheme: {} as TeamTheme,
+  teamDomain: "",
 
   setTeam: (team) => {
     set({
@@ -49,6 +51,7 @@ export const teamStore: StateCreator<
       teamSettings: team.settings,
       teamSlug: team.slug,
       teamTheme: team.theme,
+      teamDomain: team.domain,
     });
 
     if (team.theme?.favicon) {
@@ -64,6 +67,7 @@ export const teamStore: StateCreator<
     settings: get().teamSettings,
     slug: get().teamSlug,
     theme: get().teamTheme,
+    domain: get().teamDomain,
   }),
 
   createTeam: async (newTeam) => {
@@ -84,6 +88,7 @@ export const teamStore: StateCreator<
             id
             name
             slug
+            domain
             flows(order_by: { updated_at: desc }) {
               slug
               updated_at