diff --git a/scripts/bundleSize/bundleSizeConfig.js b/scripts/bundleSize/bundleSizeConfig.js
index bf46927739f..55fec86d739 100644
--- a/scripts/bundleSize/bundleSizeConfig.js
+++ b/scripts/bundleSize/bundleSizeConfig.js
@@ -8,4 +8,4 @@
  */
 
 export const MIN_SIZE = 635 - 5;
-export const MAX_SIZE = 1175 + 5;
+export const MAX_SIZE = 1181 + 5;
diff --git a/src/app/components/JumpTo/index.stories.tsx b/src/app/components/JumpTo/index.stories.tsx
index 265b0ca4884..7e9cd7b5caf 100644
--- a/src/app/components/JumpTo/index.stories.tsx
+++ b/src/app/components/JumpTo/index.stories.tsx
@@ -4,8 +4,16 @@ import JumpTo, { JumpToProps } from '.';
 import metadata from './metadata.json';
 import readme from './README.md';
 
-const Component = ({ jumpToHeadings = [] }: JumpToProps) => {
-  return <JumpTo jumpToHeadings={jumpToHeadings} />;
+const Component = ({
+  jumpToHeadings = [],
+  showRelatedContentLink = false,
+}: JumpToProps) => {
+  return (
+    <JumpTo
+      jumpToHeadings={jumpToHeadings}
+      showRelatedContentLink={showRelatedContentLink}
+    />
+  );
 };
 
 export default {
@@ -23,5 +31,14 @@ export const Example = () => {
       block => block.type === 'jumpTo',
     )?.model.jumpToHeadings;
 
-  return <Component jumpToHeadings={jumpToHeadings} />;
+  const showRelatedContentLink =
+    !!pidginArticleFixtureWithJumpToBlock.data.article.content.model.blocks.find(
+      block => block.type === 'relatedContent',
+    );
+  return (
+    <Component
+      jumpToHeadings={jumpToHeadings}
+      showRelatedContentLink={showRelatedContentLink}
+    />
+  );
 };
diff --git a/src/app/components/JumpTo/index.test.tsx b/src/app/components/JumpTo/index.test.tsx
index 974a1f46f41..191360c4e8d 100644
--- a/src/app/components/JumpTo/index.test.tsx
+++ b/src/app/components/JumpTo/index.test.tsx
@@ -20,7 +20,8 @@ describe('JumpTo Component', () => {
     jest.clearAllMocks();
   });
 
-  const jumpToHeadings = jumpToBlock?.model.jumpToHeadings ?? [];
+  const jumpToHeadings: Array<{ heading: string; sanitisedId?: string }> =
+    jumpToBlock?.model.jumpToHeadings ?? [];
 
   describe('Render jumpTo', () => {
     it('renders the Jump To title', () => {
@@ -29,19 +30,23 @@ describe('JumpTo Component', () => {
       expect(title).toBeInTheDocument();
     });
 
-    it('renders the correct number of headings', () => {
+    it('renders the correct number of headings without related content link', () => {
       render(<JumpTo jumpToHeadings={jumpToHeadings} />);
       const headings = screen.getAllByRole('listitem');
       expect(headings.length).toBe(jumpToHeadings.length);
     });
+    it('renders the correct number of headings with related content link', () => {
+      render(<JumpTo jumpToHeadings={jumpToHeadings} showRelatedContentLink />);
+      const headings = screen.getAllByRole('listitem');
+      expect(headings.length).toBe(jumpToHeadings.length);
+    });
 
     it('renders each item with a link to the corresponding subheading on the same page', () => {
-      render(<JumpTo jumpToHeadings={jumpToHeadings} />);
-      const listItems = screen.getAllByRole('listitem');
-      listItems.forEach((item, index) => {
-        const link = item.querySelector('a');
-        const sanitisedHeading = idSanitiser(jumpToHeadings[index].heading);
-        const expectedHref = `#${sanitisedHeading}`;
+      render(<JumpTo jumpToHeadings={jumpToHeadings} showRelatedContentLink />);
+      jumpToHeadings.forEach(({ heading, sanitisedId }) => {
+        const id = sanitisedId || idSanitiser(heading);
+        const link = screen.getByTestId(`jump-to-link-${id}`);
+        const expectedHref = `#${id}`;
         expect(link).toHaveAttribute('href', expectedHref);
       });
     });
@@ -76,9 +81,9 @@ describe('JumpTo Component', () => {
 
         render(<JumpTo jumpToHeadings={jumpToHeadings} />);
 
-        jumpToHeadings.forEach(({ heading }) => {
-          const sanitisedId = idSanitiser(heading);
-          const link = screen.getByTestId(`jump-to-link-${sanitisedId}`);
+        jumpToHeadings.forEach(({ heading, sanitisedId }) => {
+          const id = sanitisedId || idSanitiser(heading);
+          const link = screen.getByTestId(`jump-to-link-${id}`);
 
           fireEvent.click(link);
           expect(link.onclick).toBeTruthy();
diff --git a/src/app/components/JumpTo/index.tsx b/src/app/components/JumpTo/index.tsx
index cfe9b629c2a..d98682b3b99 100644
--- a/src/app/components/JumpTo/index.tsx
+++ b/src/app/components/JumpTo/index.tsx
@@ -12,24 +12,24 @@ import idSanitiser from '../../lib/utilities/idSanitiser';
 import styles from './index.styles';
 
 export interface JumpToProps {
-  jumpToHeadings?: Array<{ heading: string }>;
+  jumpToHeadings?: Array<{ heading: string; sanitisedId?: string }>;
+  showRelatedContentLink?: boolean;
 }
 
 const eventTrackingData: EventTrackingMetadata = {
   componentName: 'jumpto',
 };
 
-const JumpTo = ({ jumpToHeadings }: JumpToProps) => {
+const JumpTo = ({ jumpToHeadings, showRelatedContentLink }: JumpToProps) => {
   // TODO: Remove for release
   if (isLive()) return null;
 
   const { translations } = useContext(ServiceContext);
   const [hash, setHash] = useState('');
   const { jumpTo = 'Jump to' } = translations?.articlePage || {};
-
+  const relatedContent = translations?.relatedContent || 'Related content';
   const viewRef = useViewTracker(eventTrackingData);
   const clickTrackerHandler = useClickTrackerHandler(eventTrackingData);
-
   useEffect(() => {
     setHash(window.location.hash);
   }, []);
@@ -43,7 +43,15 @@ const JumpTo = ({ jumpToHeadings }: JumpToProps) => {
   };
 
   const titleId = 'jump-to-heading';
-
+  if (
+    showRelatedContentLink &&
+    !jumpToHeadings?.some(({ heading }) => heading === relatedContent)
+  ) {
+    jumpToHeadings?.push({
+      heading: relatedContent,
+      sanitisedId: 'section-label-heading-related-content-heading',
+    });
+  }
   return (
     <nav
       ref={viewRef}
@@ -62,10 +70,9 @@ const JumpTo = ({ jumpToHeadings }: JumpToProps) => {
         {jumpTo}
       </Text>
       <ol role="list" css={styles.list}>
-        {jumpToHeadings?.map(({ heading }) => {
-          const sanitisedId = idSanitiser(heading);
-          const idWithHash = `#${sanitisedId}`;
-
+        {jumpToHeadings?.map(({ heading, sanitisedId }) => {
+          const id = sanitisedId || idSanitiser(heading);
+          const idWithHash = `#${id}`;
           const isActiveId = decodeURIComponent(hash) === idWithHash;
           return (
             <li key={idWithHash} css={styles.listItem}>
@@ -73,7 +80,7 @@ const JumpTo = ({ jumpToHeadings }: JumpToProps) => {
                 href={idWithHash}
                 onClick={e => linkClickHandler(e, idWithHash)}
                 css={styles.link}
-                data-testid={`jump-to-link-${sanitisedId}`}
+                data-testid={`jump-to-link-${id}`}
               >
                 <span
                   css={[styles.linkText, isActiveId && styles.linkTextActive]}
diff --git a/src/app/legacy/containers/Blocks/index.jsx b/src/app/legacy/containers/Blocks/index.jsx
index 7537b4bcff2..9fa360b9310 100644
--- a/src/app/legacy/containers/Blocks/index.jsx
+++ b/src/app/legacy/containers/Blocks/index.jsx
@@ -14,7 +14,6 @@ const Blocks = ({ blocks, componentsToRender }) =>
     if (!componentsToRender || !type) {
       return null;
     }
-
     const Block = componentsToRender[type];
 
     if (!Block) {
diff --git a/src/app/pages/ArticlePage/ArticlePage.tsx b/src/app/pages/ArticlePage/ArticlePage.tsx
index f19f7ce5dfe..b1de306eb7c 100644
--- a/src/app/pages/ArticlePage/ArticlePage.tsx
+++ b/src/app/pages/ArticlePage/ArticlePage.tsx
@@ -73,7 +73,6 @@ import {
 
 const ArticlePage = ({ pageData }: { pageData: Article }) => {
   const { isApp, pageType, service, isAmp, id } = useContext(RequestContext);
-
   const {
     articleAuthor,
     isTrustProjectParticipant,
@@ -102,7 +101,6 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
   const topics = pageData?.metadata?.topics ?? [];
   const blocks = pageData?.content?.model?.blocks ?? [];
   const startsWithHeading = blocks?.[0]?.type === 'headline' || false;
-
   const bylineBlock = blocks.find(
     block => block.type === 'byline',
   ) as OptimoBylineBlock;
@@ -148,7 +146,9 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
       service,
       id,
     });
-
+  const showRelatedContent = blocks.some(
+    block => block.type === 'relatedContent',
+  );
   const componentsToRender = {
     visuallyHiddenHeadline,
     headline: headings,
@@ -196,7 +196,9 @@ const ArticlePage = ({ pageData }: { pageData: Article }) => {
       topStoriesContent ? (
         <ExperimentTopStories topStoriesContent={topStoriesContent} />
       ) : null,
-    jumpTo: JumpTo,
+    jumpTo: (props: ComponentToRenderProps) => (
+      <JumpTo {...props} showRelatedContentLink={showRelatedContent} />
+    ),
   };
 
   const visuallyHiddenBlock = {
diff --git a/src/app/pages/ArticlePage/index.test.tsx b/src/app/pages/ArticlePage/index.test.tsx
index 96499af100d..6007d0f1318 100644
--- a/src/app/pages/ArticlePage/index.test.tsx
+++ b/src/app/pages/ArticlePage/index.test.tsx
@@ -354,6 +354,100 @@ describe('Article Page', () => {
 
     expect(container).toMatchSnapshot();
   });
+  describe('Article Page with jumpTo component', () => {
+    const addJumpToAndRelatedContentToPageData = ({
+      includeJumpTo,
+      includeRelatedContent,
+    }: {
+      includeJumpTo: boolean;
+      includeRelatedContent: boolean;
+    }) => {
+      let blocks = [...articleDataPidgin.content.model.blocks];
+
+      if (includeJumpTo) {
+        blocks = [
+          ...blocks,
+          {
+            id: 'jumpTo',
+            type: 'jumpTo',
+            model: {
+              jumpToHeadings: [
+                { heading: 'Harris separates from Biden' },
+                { heading: 'Prison gender surgery debate' },
+                { heading: 'Apology challenge' },
+                { heading: "Biden's mental state questioned" },
+              ],
+            },
+          },
+        ];
+      }
+
+      if (includeRelatedContent) {
+        blocks = [
+          ...blocks,
+          {
+            id: '37b8a761',
+            type: 'relatedContent',
+            model: {},
+          },
+        ];
+      }
+
+      return {
+        ...articleDataPidgin,
+        content: {
+          ...articleDataPidgin.content,
+          model: {
+            ...articleDataPidgin.content.model,
+            blocks,
+          },
+        },
+      };
+    };
+
+    it.each`
+      description                                                                                       | includeJumpTo | includeRelatedContent | expectedJumpTo | expectedRelatedContent
+      ${'should render a jumpTo component if jumpToHeadings are present'}                               | ${true}       | ${false}              | ${true}        | ${false}
+      ${'should not render a jumpTo component if jumpToHeadings are not present'}                       | ${false}      | ${false}              | ${false}       | ${false}
+      ${'should render a jumpTo component with relatedContent link if relatedContent block is present'} | ${true}       | ${true}               | ${true}        | ${true}
+    `(
+      '$description',
+      async ({
+        includeJumpTo,
+        includeRelatedContent,
+        expectedJumpTo,
+        expectedRelatedContent,
+      }) => {
+        const pageData = addJumpToAndRelatedContentToPageData({
+          includeJumpTo,
+          includeRelatedContent,
+        });
+
+        const { container } = render(
+          <Context service="pidgin">
+            <ArticlePage pageData={pageData} />
+          </Context>,
+          { service: 'pidgin' },
+        );
+        await waitFor(() => {
+          const jumpToSection = container.querySelector(
+            '[data-testid="jump-to"]',
+          );
+          if (expectedJumpTo) {
+            expect(jumpToSection).not.toBeNull();
+            if (expectedRelatedContent) {
+              const relatedContentLink = jumpToSection?.querySelector(
+                '[data-testid="jump-to-link-related-content-heading"]',
+              );
+              expect(relatedContentLink).not.toBeNull();
+            }
+          } else {
+            expect(jumpToSection).toBeNull();
+          }
+        });
+      },
+    );
+  });
 
   it('should render a news article with headline in the middle correctly', async () => {
     const headline = blockContainingText('headline', 'Article Headline', 1);