diff --git a/cypress/e2e/cloud/org-list.test.ts b/cypress/e2e/cloud/org-list.test.ts
index 02b70edf73..20be3ac3c6 100644
--- a/cypress/e2e/cloud/org-list.test.ts
+++ b/cypress/e2e/cloud/org-list.test.ts
@@ -58,21 +58,18 @@ describe('Account / Organizations Tab', () => {
     cy.get('.account--organizations-tab-suspended-orgs-card')
       .should('have.length', 1)
       .and('be.visible')
-      .within(() => {
-        cy.getByTestID('question-mark-tooltip').click()
-        cy.contains('Deletion in progress')
-      })
+      .contains('Deletion in progress')
 
-    cy.getByTestID('question-mark-tooltip--tooltip--dialog').contains(
-      'Organizations can be reactivated within 7 days of deletion.'
-    )
+    cy.getByTestID('question-mark-tooltip').click()
 
     cy.getByTestID('question-mark-tooltip--tooltip--dialog').within(() => {
-      cy.get('a')
-        .contains('https://support.influxdata.com/s/login')
-        .should('have.attr', 'href', 'https://support.influxdata.com/s/login')
+      cy.get('button').contains('contact support').trigger('click')
     })
 
+    cy.getByTestID('contact-support-overlay-header').should('exist')
+
+    cy.contains('button', 'Cancel').click()
+
     cy.getByTestID('pagination-item')
       .should('have.length', 2)
       .contains('2')
diff --git a/src/cloud/components/SeriesCardinalityIncreaseForm.tsx b/src/cloud/components/SeriesCardinalityIncreaseForm.tsx
index b66dea20c6..0bb1c9c817 100644
--- a/src/cloud/components/SeriesCardinalityIncreaseForm.tsx
+++ b/src/cloud/components/SeriesCardinalityIncreaseForm.tsx
@@ -1,41 +1,97 @@
 // Libraries
-import React, {FC} from 'react'
+import React, {FC, useState} from 'react'
+import {useDispatch, useSelector} from 'react-redux'
 
 // Components
 import {
   Form,
-  Button,
   Heading,
+  TextArea,
+  Button,
+  ButtonType,
   ButtonShape,
   InfluxColors,
   ComponentSize,
   ComponentColor,
   HeadingElement,
+  ComponentStatus,
 } from '@influxdata/clockface'
 
+// Actions
+import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
+
+// Selectors
+import {selectQuartzIdentity} from 'src/identity/selectors'
+
 export const SeriesCardinalityIncreaseForm: FC = () => {
+  const dispatch = useDispatch()
+  const quartzIdentity = useSelector(selectQuartzIdentity)
+  const {org: identityOrg} = quartzIdentity.currentIdentity
+
+  const [requestDetails, setRequestDetails] = useState('')
+
+  const handleDetailsValidation = (value: string): string | null => {
+    if (!value) {
+      return 'Request details are required'
+    }
+    return null
+  }
+
+  const isFormValid = (): boolean => {
+    return Boolean(requestDetails)
+  }
+
   const handleSubmit = (): void => {
-    window.open(`https://support.influxdata.com/s/login`)
+    const orgName = identityOrg.name
+    const orgID = identityOrg.id
+
+    dispatch(
+      showOverlay(
+        'contact-support',
+        {
+          subject: `[Org: ${orgName}] [Org Id: ${orgID}] Request Series Cardinality Limit Increase`,
+          description: requestDetails,
+        },
+        dismissOverlay
+      )
+    )
   }
 
   return (
-    <div>
+    <Form onSubmit={handleSubmit}>
       <Form.Divider lineColor={InfluxColors.Grey15} />
       <Heading element={HeadingElement.H4}>
         Request Series Cardinality Limit Increase
       </Heading>
-      <p>
-        To request a series cardinality limit increase, please contact our
-        support team.
-      </p>
+      <Form.ValidationElement
+        label="Request Details"
+        validationFunc={handleDetailsValidation}
+        value={requestDetails}
+        required={true}
+      >
+        {status => (
+          <TextArea
+            name="Request Details"
+            placeholder="Tell us how much series cardinality you need, your use-case details, what you've tried so far, and why you need an increase."
+            status={status}
+            value={requestDetails}
+            onChange={e => setRequestDetails(e.target.value)}
+            testID="cardinality-request-details"
+            rows={10}
+          />
+        )}
+      </Form.ValidationElement>
       <Button
         shape={ButtonShape.Default}
-        onClick={handleSubmit}
+        type={ButtonType.Submit}
         size={ComponentSize.Medium}
         color={ComponentColor.Primary}
         className="rate-alert--request-increase-button"
-        text="Submit Request"
+        text="Create Request"
+        status={
+          isFormValid() ? ComponentStatus.Default : ComponentStatus.Disabled
+        }
       />
-    </div>
+    </Form>
   )
 }
diff --git a/src/cloud/components/WriteLimitOverlay.tsx b/src/cloud/components/WriteLimitOverlay.tsx
index 6a32a22b3d..23ec68e7d2 100644
--- a/src/cloud/components/WriteLimitOverlay.tsx
+++ b/src/cloud/components/WriteLimitOverlay.tsx
@@ -1,33 +1,55 @@
-import React, {useContext, FC} from 'react'
+import React, {useState, useContext, FC} from 'react'
+import {useDispatch, useSelector} from 'react-redux'
 
 import {
   OverlayContainer,
   Overlay,
+  Form,
   Heading,
+  Input,
   HeadingElement,
   Button,
   ButtonType,
   ButtonShape,
   ComponentSize,
   ComponentColor,
+  ComponentStatus,
+  InputType,
 } from '@influxdata/clockface'
 
 import {OverlayContext} from 'src/overlays/components/OverlayController'
+import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
 
-// Reporting
-import {event} from 'src/cloud/utils/reporting'
+// Selectors
+import {selectQuartzIdentity} from 'src/identity/selectors'
 
 // Design
 import './WriteLimitOverlay.scss'
 
 const WriteLimitOverlay: FC = () => {
+  const [limitReason, setLimitReason] = useState('')
+
   const {onClose} = useContext(OverlayContext)
+  const dispatch = useDispatch()
+  const quartzIdentity = useSelector(selectQuartzIdentity)
+  const {org: identityOrg} = quartzIdentity.currentIdentity
 
   const handleSubmit = (): void => {
-    event('limit.requestincrease.writes')
+    const orgName = identityOrg.name
+    const orgID = identityOrg.id
 
-    window.open(`https://support.influxdata.com/s/login`)
+    dispatch(
+      showOverlay(
+        'contact-support',
+        {
+          subject: `[Org: ${orgName}] [Org Id: ${orgID}] Request Query Write Limit Increase`,
+          description: limitReason,
+        },
+        dismissOverlay
+      )
+    )
   }
+
   return (
     <OverlayContainer
       maxWidth={760}
@@ -40,19 +62,28 @@ const WriteLimitOverlay: FC = () => {
         wrapText={true}
       />
       <Overlay.Body className="limits-increasewrites--body">
-        <div className="limits-increasewrites--form">
+        <Form onSubmit={handleSubmit} className="limits-increasewrites--form">
           <Heading element={HeadingElement.H4}>
             Request Query Write Limit Increase
           </Heading>
-          <p>
-            To request a write limit increase, please contact our support team.
-          </p>
-        </div>
+          <Form.Element label="Request Details" required={true}>
+            <Input
+              name="Write Limit Increase"
+              placeholder="Tell us how much you need your write limit raised and your use-case details"
+              required={true}
+              autoFocus={true}
+              value={limitReason}
+              onChange={e => setLimitReason(e.target.value)}
+              testID="rate-alert-form-amount"
+              type={InputType.Text}
+            />
+          </Form.Element>
+        </Form>
       </Overlay.Body>
       <Overlay.Footer>
         <Button
           shape={ButtonShape.Default}
-          type={ButtonType.Submit}
+          type={ButtonType.Button}
           size={ComponentSize.Medium}
           color={ComponentColor.Tertiary}
           text="Cancel"
@@ -64,7 +95,12 @@ const WriteLimitOverlay: FC = () => {
           size={ComponentSize.Medium}
           color={ComponentColor.Primary}
           className="rate-alert--request-increase-button"
-          text="Submit Request"
+          text="Create Request"
+          status={
+            limitReason.length
+              ? ComponentStatus.Default
+              : ComponentStatus.Disabled
+          }
         />
       </Overlay.Footer>
     </OverlayContainer>
diff --git a/src/cloud/constants/index.ts b/src/cloud/constants/index.ts
index 9e75065d47..7b11cc4c18 100644
--- a/src/cloud/constants/index.ts
+++ b/src/cloud/constants/index.ts
@@ -1,12 +1,12 @@
 export const RATE_LIMIT_ERROR_STATUS = 429
 
 export const RATE_LIMIT_ERROR_TEXT =
-  'Oops. It looks like you have exceeded the query limits allowed as part of your plan. If you would like to increase your query limits, reach out at support.influxdata.com.'
+  'Oops. It looks like you have exceeded the query limits allowed as part of your plan. If you would like to increase your query limits, please use the Contact Support option in the Help menu.'
 
 export const ASSET_LIMIT_ERROR_STATUS = 403
 
 export const ASSET_LIMIT_ERROR_TEXT =
-  'Oops. It looks like you have exceeded the asset limits allowed as part of your plan. If you would like to increase your limits, reach out at support.influxdata.com.'
+  'Oops. It looks like you have exceeded the asset limits allowed as part of your plan. If you would like to increase your limits, please use the Contact Support option in the Help menu.'
 
 export const REQUEST_TIMEOUT_STATUS = 408
 export const GATEWAY_TIMEOUT_STATUS = 504
diff --git a/src/identity/components/OrganizationListTab/OrganizationCard.tsx b/src/identity/components/OrganizationListTab/OrganizationCard.tsx
index f4a17115a3..8b6eba6542 100644
--- a/src/identity/components/OrganizationListTab/OrganizationCard.tsx
+++ b/src/identity/components/OrganizationListTab/OrganizationCard.tsx
@@ -1,4 +1,5 @@
 import React, {FC} from 'react'
+import {useDispatch} from 'react-redux'
 import {
   FlexBox,
   FlexDirection,
@@ -7,8 +8,8 @@ import {
   ResourceCard,
 } from '@influxdata/clockface'
 
-// Utils
-import {SafeBlankLink} from 'src/utils/SafeBlankLink'
+// Actions
+import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
 
 // Styles
 import './OrganizationCard.scss'
@@ -22,17 +23,6 @@ interface OrgCardProps {
   regionName: string
 }
 
-const tooltipContent = (
-  <p>
-    Organizations can be reactivated within 7 days of deletion. Contact support
-    at{' '}
-    <SafeBlankLink href="https://support.influxdata.com/s/login">
-      https://support.influxdata.com/s/login
-    </SafeBlankLink>{' '}
-    to reactivate.
-  </p>
-)
-
 export const OrganizationCard: FC<OrgCardProps> = ({
   name,
   isActive,
@@ -41,8 +31,33 @@ export const OrganizationCard: FC<OrgCardProps> = ({
   regionCode,
   regionName,
 }) => {
+  const dispatch = useDispatch()
   const isOrgSuspended = provisioningStatus === 'suspended'
 
+  const handleContactSupport = () => {
+    dispatch(showOverlay('contact-support', null, dismissOverlay))
+  }
+
+  const tooltipContent = (
+    <p>
+      Organizations can be reactivated within 7 days of deletion. Please{' '}
+      <button
+        onClick={handleContactSupport}
+        style={{
+          background: 'none',
+          border: 'none',
+          padding: 0,
+          color: 'inherit',
+          textDecoration: 'underline',
+          cursor: 'pointer',
+        }}
+      >
+        contact support
+      </button>{' '}
+      to reactivate.
+    </p>
+  )
+
   return (
     <ResourceCard
       className={
@@ -83,6 +98,7 @@ export const OrganizationCard: FC<OrgCardProps> = ({
               <QuestionMarkTooltip
                 diameter={15}
                 tooltipContents={tooltipContent}
+                testID="question-mark-tooltip"
               />
             </>
           )}
diff --git a/src/onboarding/containers/LoginPageContents.tsx b/src/onboarding/containers/LoginPageContents.tsx
index 06e5937778..b57691501e 100644
--- a/src/onboarding/containers/LoginPageContents.tsx
+++ b/src/onboarding/containers/LoginPageContents.tsx
@@ -245,7 +245,7 @@ class LoginPageContents extends PureComponent<Props> {
       this.setState({...errors, emailError})
     } else {
       const emailError =
-        'We have been notified of an issue while accessing your account. If this issue persists, please contact support at support.influxdata.com'
+        'We have been notified of an issue while accessing your account. If this issue persists, please use the Contact Support option in the Help menu'
       this.setState({...errors, emailError})
     }
   }
diff --git a/src/organizations/components/OrgProfileTab/SuspendPaidOrgOverlay.tsx b/src/organizations/components/OrgProfileTab/SuspendPaidOrgOverlay.tsx
index d6d7497062..76442369dc 100644
--- a/src/organizations/components/OrgProfileTab/SuspendPaidOrgOverlay.tsx
+++ b/src/organizations/components/OrgProfileTab/SuspendPaidOrgOverlay.tsx
@@ -41,6 +41,9 @@ import {notify} from 'src/shared/actions/notifications'
 import {OverlayContext} from 'src/overlays/components/OverlayController'
 import {reportErrorThroughHoneyBadger} from 'src/shared/utils/errors'
 
+// Actions
+import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
+
 // Eventing
 import {DeleteOrgOverlay, multiOrgTag} from 'src/identity/events/multiOrgEvents'
 import {event} from 'src/cloud/utils/reporting'
@@ -61,20 +64,6 @@ const linkStyle = {
   textDecoration: 'underline',
 }
 
-const SupportLink = (): JSX.Element => {
-  return (
-    <a
-      data-testid="go-to-new-org--link"
-      href="https://support.influxdata.com/s/login"
-      style={linkStyle}
-      target="_blank"
-      rel="noopener noreferrer"
-    >
-      https://support.influxdata.com/s/login
-    </a>
-  )
-}
-
 export const SuspendPaidOrgOverlay: FC = () => {
   const account = useSelector(selectCurrentAccount)
   const org = useSelector(selectCurrentOrg)
@@ -90,6 +79,32 @@ export const SuspendPaidOrgOverlay: FC = () => {
   const orgDeleteInProgress = deleteButtonStatus === ComponentStatus.Loading
   const onClickCancel = orgDeleteInProgress ? noop : onClose
 
+  const handleContactSupport = () => {
+    dispatch(showOverlay('contact-support', null, dismissOverlay))
+  }
+
+  const SupportLink = (): JSX.Element => {
+    return (
+      <span style={linkStyle}>
+        Please{' '}
+        <button
+          onClick={handleContactSupport}
+          style={{
+            background: 'none',
+            border: 'none',
+            padding: 0,
+            color: 'white',
+            textDecoration: 'underline',
+            cursor: 'pointer',
+          }}
+        >
+          contact support
+        </button>{' '}
+        to reach our support team.
+      </span>
+    )
+  }
+
   const toggleAcceptedTerms = () => {
     const currentAcceptanceStatus = !userAcceptedTerms
     setUserAcceptedTerms(currentAcceptanceStatus)
diff --git a/src/pageLayout/containers/MainNavigation.tsx b/src/pageLayout/containers/MainNavigation.tsx
index 94d842993a..2a8eb1a998 100644
--- a/src/pageLayout/containers/MainNavigation.tsx
+++ b/src/pageLayout/containers/MainNavigation.tsx
@@ -1,5 +1,5 @@
 // Libraries
-import React, {FC, useContext, useEffect, MouseEvent} from 'react'
+import React, {FC, useContext, useEffect} from 'react'
 import {Link, useLocation} from 'react-router-dom'
 import {useDispatch, useSelector} from 'react-redux'
 
@@ -271,8 +271,6 @@ export const MainNavigation: FC = () => {
     return null
   }
 
-  const isContractCustomer = accountType === 'contract'
-
   const docslink = isIOxOrg
     ? 'https://docs.influxdata.com/influxdb/cloud-serverless/'
     : 'https://docs.influxdata.com/'
@@ -290,10 +288,7 @@ export const MainNavigation: FC = () => {
     event(`helpBar.${link}.opened`, {}, {from: currentPage})
   }
 
-  const handleContactSupportClick = (
-    evt: MouseEvent<HTMLAnchorElement>
-  ): void => {
-    evt.preventDefault()
+  const handleContactSupportClick = (): void => {
     dispatch(showOverlay('contact-support', null, dismissOverlay))
     event('helpBar.contactSupportRequest.overlay.shown')
   }
@@ -417,13 +412,26 @@ export const MainNavigation: FC = () => {
               />
             )}
           />
-          {CLOUD && isContractCustomer && (
+          {CLOUD && (
             <TreeNav.SubItem
               id="contactSupport"
               label="Contact Support"
               testID="nav-subitem-contact-support"
               linkElement={() => (
-                <a href="#" onClick={handleContactSupportClick}></a>
+                <button
+                  onClick={handleContactSupportClick}
+                  style={{
+                    background: 'none',
+                    border: 'none',
+                    padding: 0,
+                    color: 'inherit',
+                    textDecoration: 'none',
+                    cursor: 'pointer',
+                    display: 'block',
+                    width: '100%',
+                    textAlign: 'left',
+                  }}
+                ></button>
               )}
             />
           )}
diff --git a/src/shared/apis/sfdc.ts b/src/shared/apis/sfdc.ts
index 952020db17..4b6c7153bb 100644
--- a/src/shared/apis/sfdc.ts
+++ b/src/shared/apis/sfdc.ts
@@ -13,10 +13,19 @@ export const createSfdcSupportCase = async (
   description: string,
   email: string,
   severity: string,
-  subject: string
+  subject: string,
+  caseOrigin: string,
+  deploymentType: string
 ) => {
   const params: typeof PostUiproxySfdcSupportParams = {
-    data: {description, email, severity, subject},
+    data: {
+      description,
+      email,
+      severity,
+      subject,
+      caseOrigin,
+      deploymentType,
+    },
   }
 
   const response = await postUiproxySfdcSupport(params)
diff --git a/src/shared/components/NotFound.tsx b/src/shared/components/NotFound.tsx
index e332f490d7..63ae0d20b2 100644
--- a/src/shared/components/NotFound.tsx
+++ b/src/shared/components/NotFound.tsx
@@ -20,6 +20,7 @@ import {getOrg as fetchOrg} from 'src/organizations/apis'
 
 // Actions
 import {setCurrentPage} from 'src/shared/reducers/currentPage'
+import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
 
 // Utils
 import {buildDeepLinkingMap} from 'src/utils/deepLinks'
@@ -36,106 +37,122 @@ import {CLOUD} from 'src/shared/constants'
 // API
 import {fetchDefaultAccountDefaultOrg} from 'src/identity/apis/org'
 
-const NotFoundNew: FC = () => (
-  <AppWrapper type="funnel" className="page-not-found" testID="not-found">
-    <FunnelPage enableGraphic={true} className="page-not-found-funnel">
-      {CLOUD && (
+const NotFoundNew: FC = () => {
+  const dispatch = useDispatch()
+
+  const handleContactSupport = () => {
+    dispatch(showOverlay('contact-support', null, dismissOverlay))
+  }
+
+  return (
+    <AppWrapper type="funnel" className="page-not-found" testID="not-found">
+      <FunnelPage enableGraphic={true} className="page-not-found-funnel">
+        {CLOUD && (
+          <FlexBox
+            direction={FlexDirection.Row}
+            margin={ComponentSize.Large}
+            stretchToFitWidth={true}
+            justifyContent={JustifyContent.SpaceBetween}
+          >
+            <LogoWithCubo />
+            <GetInfluxButton />
+          </FlexBox>
+        )}
         <FlexBox
-          direction={FlexDirection.Row}
+          className="page-not-found-content"
+          direction={FlexDirection.Column}
           margin={ComponentSize.Large}
           stretchToFitWidth={true}
-          justifyContent={JustifyContent.SpaceBetween}
         >
-          <LogoWithCubo />
-          <GetInfluxButton />
+          <h2 className="page-not-found-content-highlight">
+            404: Page Not Found
+          </h2>
+          <div>Please refresh the page or check the URL and try again.</div>
         </FlexBox>
-      )}
-      <FlexBox
-        className="page-not-found-content"
-        direction={FlexDirection.Column}
-        margin={ComponentSize.Large}
-        stretchToFitWidth={true}
-      >
-        <h2 className="page-not-found-content-highlight">
-          404: Page Not Found
-        </h2>
-        <div>Please refresh the page or check the URL and try again.</div>
-      </FlexBox>
-    </FunnelPage>
-    <FunnelPage.Footer className="page-not-found-footer">
-      <Panel
-        className="page-not-found-panel"
-        backgroundColor={InfluxColors.Grey15}
-      >
-        <FlexBox
-          direction={FlexDirection.Column}
-          className="page-not-found-panel-content"
-          margin={ComponentSize.Small}
+      </FunnelPage>
+      <FunnelPage.Footer className="page-not-found-footer">
+        <Panel
+          className="page-not-found-panel"
+          backgroundColor={InfluxColors.Grey15}
         >
-          {CLOUD && (
+          <FlexBox
+            direction={FlexDirection.Column}
+            className="page-not-found-panel-content"
+            margin={ComponentSize.Small}
+          >
+            {CLOUD && (
+              <FlexBoxChild className="page-not-found-panel-section">
+                <div className="page-not-found-panel-title">
+                  Not a URL issue?
+                </div>
+                <div>
+                  <span>
+                    The webpage you were trying to reach may have been removed
+                    or your access to this page may have expired. Please{' '}
+                    <button
+                      onClick={handleContactSupport}
+                      style={{
+                        background: 'none',
+                        border: 'none',
+                        padding: 0,
+                        color: 'inherit',
+                        textDecoration: 'underline',
+                        cursor: 'pointer',
+                      }}
+                    >
+                      contact support
+                    </button>
+                    .
+                  </span>
+                </div>
+              </FlexBoxChild>
+            )}
             <FlexBoxChild className="page-not-found-panel-section">
-              <div className="page-not-found-panel-title">Not a URL issue?</div>
+              <div className="page-not-found-panel-title">
+                Have more feedback?
+              </div>
               <div>
-                <span>
-                  The webpage you were trying to reach may have been removed or
-                  your access to this page may have expired.&nbsp;
-                  {/* Add rel options to avoid "tabnapping" */}
-                  <a
-                    href="https://support.influxdata.com/s/login"
-                    target="_blank"
-                    rel="noreferrer noopener"
-                  >
-                    Contact InfluxData Support
-                  </a>
-                </span>
+                We welcome and encourage your feedback and bug reports for
+                InfluxDB. The following resources are available:
               </div>
             </FlexBoxChild>
-          )}
-          <FlexBoxChild className="page-not-found-panel-section">
-            <div className="page-not-found-panel-title">
-              Have more feedback?
-            </div>
-            <div>
-              We welcome and encourage your feedback and bug reports for
-              InfluxDB. The following resources are available:
-            </div>
-          </FlexBoxChild>
-          <FlexBox alignItems={AlignItems.Stretch} stretchToFitWidth={true}>
-            <FlexBoxChild className="page-not-found-community-links">
-              <Icon glyph={IconFont.CuboSolid}></Icon>
-              {/* Add rel options to avoid "tabnapping" */}
-              <a
-                href="https://community.influxdata.com/"
-                target="_blank"
-                rel="noreferrer noopener"
-              >
-                InfluxData Community
-              </a>
-            </FlexBoxChild>
-            <FlexBoxChild className="page-not-found-community-links">
-              <span className="slack-icon" />
-              {/* Add rel options to avoid "tabnapping" */}
-              <a
-                href="https://influxdata.com/slack/"
-                target="_blank"
-                rel="noreferrer noopener"
-              >
-                InfluxDB Community Slack
-              </a>
-            </FlexBoxChild>
+            <FlexBox alignItems={AlignItems.Stretch} stretchToFitWidth={true}>
+              <FlexBoxChild className="page-not-found-community-links">
+                <Icon glyph={IconFont.CuboSolid}></Icon>
+                {/* Add rel options to avoid "tabnapping" */}
+                <a
+                  href="https://community.influxdata.com/"
+                  target="_blank"
+                  rel="noreferrer noopener"
+                >
+                  InfluxData Community
+                </a>
+              </FlexBoxChild>
+              <FlexBoxChild className="page-not-found-community-links">
+                <span className="slack-icon" />
+                {/* Add rel options to avoid "tabnapping" */}
+                <a
+                  href="https://influxdata.com/slack/"
+                  target="_blank"
+                  rel="noreferrer noopener"
+                >
+                  InfluxDB Community Slack
+                </a>
+              </FlexBoxChild>
+            </FlexBox>
           </FlexBox>
-        </FlexBox>
-      </Panel>
-      <FunnelPage.FooterSection>
-        <FlexBox
-          alignItems={AlignItems.Center}
-          margin={ComponentSize.Large}
-          justifyContent={JustifyContent.Center}
-        ></FlexBox>
-      </FunnelPage.FooterSection>
-    </FunnelPage.Footer>
-  </AppWrapper>
-)
+        </Panel>
+        <FunnelPage.FooterSection>
+          <FlexBox
+            alignItems={AlignItems.Center}
+            margin={ComponentSize.Large}
+            justifyContent={JustifyContent.Center}
+          ></FlexBox>
+        </FunnelPage.FooterSection>
+      </FunnelPage.Footer>
+    </AppWrapper>
+  )
+}
 
 const NotFound: FC = () => {
   const [isFetchingOrg, setIsFetchingOrg] = useState(false)
diff --git a/src/shared/copy/notifications/categories/limits.ts b/src/shared/copy/notifications/categories/limits.ts
index d4ca957f2e..937b24ccf4 100644
--- a/src/shared/copy/notifications/categories/limits.ts
+++ b/src/shared/copy/notifications/categories/limits.ts
@@ -52,7 +52,7 @@ export const writeLimitReached = (
 
 export const resourceLimitReached = (resourceName: string): Notification => ({
   ...defaultErrorNotification,
-  message: `Oops. It looks like you have reached the maximum number of ${resourceName} allowed as part of your plan. If you would like to upgrade and remove this restriction, reach out at support.influxdata.com.`,
+  message: `Oops. It looks like you have reached the maximum number of ${resourceName} allowed as part of your plan. If you would like to upgrade and remove this restriction, please use the Contact Support option in the Help menu.`,
   duration: FIVE_SECONDS,
   type: 'resourceLimitReached',
 })
diff --git a/src/support/components/ConfirmationOverlay.tsx b/src/support/components/ConfirmationOverlay.tsx
index c76955478c..6e00ffdf51 100644
--- a/src/support/components/ConfirmationOverlay.tsx
+++ b/src/support/components/ConfirmationOverlay.tsx
@@ -1,4 +1,5 @@
 import React, {FC, useContext} from 'react'
+import {useDispatch} from 'react-redux'
 
 // Components
 import {
@@ -12,11 +13,13 @@ import {
   InfluxColors,
   Overlay,
 } from '@influxdata/clockface'
-import {SafeBlankLink} from 'src/utils/SafeBlankLink'
 
 // Contexts
 import {OverlayContext} from 'src/overlays/components/OverlayController'
 
+// Actions
+import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
+
 // Constants
 import {
   INFLUXDATA_SUPPORT_CONTACT_UK,
@@ -31,6 +34,11 @@ interface OwnProps {
 
 const ConfirmationOverlay: FC<OwnProps> = () => {
   const {onClose} = useContext(OverlayContext)
+  const dispatch = useDispatch()
+
+  const handleContactSupport = () => {
+    dispatch(showOverlay('contact-support', null, dismissOverlay))
+  }
 
   return (
     <Overlay.Container maxWidth={550}>
@@ -65,11 +73,21 @@ const ConfirmationOverlay: FC<OwnProps> = () => {
           account email for a confirmation and follow-up.
         </p>
         <p>
-          For more resources, check out{' '}
-          <SafeBlankLink href="https://support.influxdata.com">
-            {' '}
-            support.influxdata.com{' '}
-          </SafeBlankLink>
+          For more resources, you can{' '}
+          <button
+            onClick={handleContactSupport}
+            style={{
+              background: 'none',
+              border: 'none',
+              padding: 0,
+              color: 'inherit',
+              textDecoration: 'underline',
+              cursor: 'pointer',
+            }}
+          >
+            contact our support team
+          </button>
+          .
         </p>
       </Overlay.Body>
       <Overlay.Footer>
diff --git a/src/support/components/ContactSupportOverlay.tsx b/src/support/components/ContactSupportOverlay.tsx
index eb9d508009..f90cee5140 100644
--- a/src/support/components/ContactSupportOverlay.tsx
+++ b/src/support/components/ContactSupportOverlay.tsx
@@ -7,17 +7,11 @@ import {
   ButtonType,
   ComponentColor,
   ComponentStatus,
-  DropdownItemType,
   Form,
-  Icon,
-  IconFont,
-  Input,
   Overlay,
-  QuestionMarkTooltip,
-  SelectDropdown,
-  TextArea,
 } from '@influxdata/clockface'
-import {SafeBlankLink} from 'src/utils/SafeBlankLink'
+import {PaidSupportForm} from './PaidSupportForm'
+import {FreeSupportMessage} from './FreeSupportMessage'
 
 // Actions
 import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
@@ -26,7 +20,11 @@ import {showOverlay, dismissOverlay} from 'src/overlays/actions/overlays'
 import {OverlayContext} from 'src/overlays/components/OverlayController'
 
 // Selectors
-import {selectQuartzIdentity} from 'src/identity/selectors'
+import {
+  selectCurrentAccountType,
+  selectQuartzIdentity,
+} from 'src/identity/selectors'
+import {isOrgIOx} from 'src/organizations/selectors'
 
 // Utils
 import {event} from 'src/cloud/utils/reporting'
@@ -54,6 +52,9 @@ const translateSeverityLevelForSfdc = (severity: string): string => {
     case '4 - Request': {
       return 'Severity 4'
     }
+    default: {
+      return 'Severity 3'
+    }
   }
 }
 
@@ -64,20 +65,21 @@ interface OwnProps {
 export const ContactSupportOverlay: FC<OwnProps> = () => {
   const quartzIdentity = useSelector(selectQuartzIdentity)
   const {user: identityUser, org: identityOrg} = quartzIdentity.currentIdentity
+  const accountType = useSelector(selectCurrentAccountType)
+  const isIOxOrg = useSelector(isOrgIOx)
+  const {onClose, params} = useContext(OverlayContext)
 
-  const [subject, setSubject] = useState('')
+  const prefilledSubject = params?.subject || ''
+  const prefilledDescription = params?.description || ''
+
+  const [subject, setSubject] = useState(prefilledSubject)
   const [severity, setSeverity] = useState('3 - Standard')
-  const [description, setDescription] = useState('')
-  const {onClose} = useContext(OverlayContext)
+  const [description, setDescription] = useState(prefilledDescription)
 
   const dispatch = useDispatch()
 
-  const severityLevel = [
-    '1 - Critical',
-    '2 - High',
-    '3 - Standard',
-    '4 - Request',
-  ]
+  const isContractOrPAYG =
+    accountType === 'contract' || accountType === 'pay_as_you_go'
 
   const submitButtonStatus =
     description.length && severity.length && subject.length
@@ -99,14 +101,20 @@ export const ContactSupportOverlay: FC<OwnProps> = () => {
     const orgName = identityOrg.name
     const orgID = identityOrg.id
 
-    const descriptionWithOrgId = `${description} \n\n [Org Name: ${orgName}] [Org Id: ${orgID}]`
     const translatedSeverity = translateSeverityLevelForSfdc(severity)
+    const caseOrigin = 'Cloud App'
+    const deploymentType = isIOxOrg
+      ? 'InfluxDB Cloud Serverless'
+      : 'InfluxCloud2.0'
+
     try {
       await createSfdcSupportCase(
-        descriptionWithOrgId,
+        description,
         userEmail,
         translatedSeverity,
-        subject
+        subject,
+        caseOrigin,
+        deploymentType
       )
       event(
         'helpBar.contactSupportRequest.submitted',
@@ -143,26 +151,6 @@ export const ContactSupportOverlay: FC<OwnProps> = () => {
     return null
   }
 
-  const severityTip = (): JSX.Element => {
-    const tooltipContent = (
-      <div>
-        Please refer to our severity levels in our
-        <SafeBlankLink href="https://www.influxdata.com/legal/support-policy">
-          {' '}
-          support policy{' '}
-        </SafeBlankLink>
-        website
-      </div>
-    )
-    return (
-      <QuestionMarkTooltip
-        diameter={14}
-        tooltipContents={tooltipContent}
-        tooltipStyle={{fontSize: '13px'}}
-      />
-    )
-  }
-
   return (
     <Overlay.Container maxWidth={550}>
       <Overlay.Header
@@ -172,55 +160,19 @@ export const ContactSupportOverlay: FC<OwnProps> = () => {
       />
       <Form>
         <Overlay.Body>
-          <p className="status-page-text">
-            <span>
-              {' '}
-              <Icon glyph={IconFont.Info_New} />{' '}
-            </span>
-            Check our{' '}
-            <SafeBlankLink href="https://status.influxdata.com">
-              status page
-            </SafeBlankLink>{' '}
-            to see if there is an outage impacting your region.
-          </p>
-          <Form.Element label="Subject" required={true}>
-            <Input
-              name="subject"
-              value={subject}
-              onChange={handleSubjectChange}
-              testID="contact-support-subject-input"
-            />
-          </Form.Element>
-          <Form.Element
-            label="Severity"
-            required={true}
-            labelAddOn={severityTip}
-          >
-            <SelectDropdown
-              options={severityLevel}
-              selectedOption={severity}
-              onSelect={handleChangeSeverity}
-              indicator={DropdownItemType.None}
-              testID="severity-level-dropdown"
+          {isContractOrPAYG ? (
+            <PaidSupportForm
+              subject={subject}
+              severity={severity}
+              description={description}
+              onSubjectChange={handleSubjectChange}
+              onSeverityChange={handleChangeSeverity}
+              onDescriptionChange={handleDescriptionChange}
+              onValidation={handleValidation}
             />
-          </Form.Element>
-          <Form.ValidationElement
-            label="Description"
-            required={true}
-            value={description}
-            validationFunc={handleValidation}
-          >
-            {status => (
-              <TextArea
-                status={status}
-                rows={10}
-                testID="contact-support-description--textarea"
-                name="description"
-                value={description}
-                onChange={handleDescriptionChange}
-              />
-            )}
-          </Form.ValidationElement>
+          ) : (
+            <FreeSupportMessage />
+          )}
         </Overlay.Body>
       </Form>
       <Overlay.Footer>
@@ -231,14 +183,16 @@ export const ContactSupportOverlay: FC<OwnProps> = () => {
           type={ButtonType.Button}
           testID="contact-support--cancel"
         />
-        <Button
-          text="Submit"
-          color={ComponentColor.Success}
-          type={ButtonType.Submit}
-          testID="contact-support--submit"
-          status={submitButtonStatus}
-          onClick={handleSubmit}
-        />
+        {isContractOrPAYG && (
+          <Button
+            text="Submit"
+            color={ComponentColor.Success}
+            type={ButtonType.Submit}
+            testID="contact-support--submit"
+            status={submitButtonStatus}
+            onClick={handleSubmit}
+          />
+        )}
       </Overlay.Footer>
     </Overlay.Container>
   )
diff --git a/src/support/components/FreeSupportMessage.tsx b/src/support/components/FreeSupportMessage.tsx
new file mode 100644
index 0000000000..176a78a462
--- /dev/null
+++ b/src/support/components/FreeSupportMessage.tsx
@@ -0,0 +1,10 @@
+import React, {FC} from 'react'
+
+export const FreeSupportMessage: FC = () => {
+  return (
+    <p>
+      Support is available only for paying customers. Please upgrade your
+      account or log into your paid account to submit a support case.
+    </p>
+  )
+}
diff --git a/src/support/components/PaidSupportForm.tsx b/src/support/components/PaidSupportForm.tsx
new file mode 100644
index 0000000000..cf4f87d0f6
--- /dev/null
+++ b/src/support/components/PaidSupportForm.tsx
@@ -0,0 +1,111 @@
+import React, {FC, ChangeEvent} from 'react'
+
+// Components
+import {
+  DropdownItemType,
+  Form,
+  Icon,
+  IconFont,
+  Input,
+  QuestionMarkTooltip,
+  SelectDropdown,
+  TextArea,
+} from '@influxdata/clockface'
+import {SafeBlankLink} from 'src/utils/SafeBlankLink'
+
+interface Props {
+  subject: string
+  severity: string
+  description: string
+  onSubjectChange: (event: ChangeEvent<HTMLInputElement>) => void
+  onSeverityChange: (severity: string) => void
+  onDescriptionChange: (event: ChangeEvent<HTMLTextAreaElement>) => void
+  onValidation: (value: string) => string | null
+}
+
+const severityLevel = [
+  '1 - Critical',
+  '2 - High',
+  '3 - Standard',
+  '4 - Request',
+]
+
+const severityTip = (): JSX.Element => {
+  const tooltipContent = (
+    <div>
+      Please refer to our severity levels in our
+      <SafeBlankLink href="https://www.influxdata.com/legal/support-policy">
+        {' '}
+        support policy{' '}
+      </SafeBlankLink>
+      website
+    </div>
+  )
+  return (
+    <QuestionMarkTooltip
+      diameter={14}
+      tooltipContents={tooltipContent}
+      tooltipStyle={{fontSize: '13px'}}
+    />
+  )
+}
+
+export const PaidSupportForm: FC<Props> = ({
+  subject,
+  severity,
+  description,
+  onSubjectChange,
+  onSeverityChange,
+  onDescriptionChange,
+  onValidation,
+}) => {
+  return (
+    <>
+      <p className="status-page-text">
+        <span>
+          {' '}
+          <Icon glyph={IconFont.Info_New} />{' '}
+        </span>
+        Check our{' '}
+        <SafeBlankLink href="https://status.influxdata.com">
+          status page
+        </SafeBlankLink>{' '}
+        to see if there is an outage impacting your region.
+      </p>
+      <Form.Element label="Subject" required={true}>
+        <Input
+          name="subject"
+          value={subject}
+          onChange={onSubjectChange}
+          testID="contact-support-subject-input"
+        />
+      </Form.Element>
+      <Form.Element label="Severity" required={true} labelAddOn={severityTip}>
+        <SelectDropdown
+          options={severityLevel}
+          selectedOption={severity}
+          onSelect={onSeverityChange}
+          indicator={DropdownItemType.None}
+          testID="severity-level-dropdown"
+        />
+      </Form.Element>
+      <Form.ValidationElement
+        label="Description"
+        required={true}
+        value={description}
+        validationFunc={onValidation}
+      >
+        {status => (
+          <TextArea
+            status={status}
+            rows={10}
+            testID="contact-support-description--textarea"
+            name="description"
+            value={description}
+            onChange={onDescriptionChange}
+          />
+        )}
+      </Form.ValidationElement>
+    </>
+  )
+}