diff --git a/web/src/app/admin/admin-service-metrics/AdminServiceFilter.tsx b/web/src/app/admin/admin-service-metrics/AdminServiceFilter.tsx
index a64d706e8b..78a5c024a0 100644
--- a/web/src/app/admin/admin-service-metrics/AdminServiceFilter.tsx
+++ b/web/src/app/admin/admin-service-metrics/AdminServiceFilter.tsx
@@ -20,6 +20,7 @@ import {
 } from '@mui/material'
 import { LabelKeySelect } from '../../selection'
 import { LabelValueSelect } from '../../selection/LabelValueSelect'
+import { useFeatures } from '../../util/RequireConfig'
 
 function AdminServiceFilter(): JSX.Element {
   const [open, setOpen] = useState<boolean>(false)
@@ -37,6 +38,7 @@ function AdminServiceFilter(): JSX.Element {
     'labelKey',
     'labelValue',
   )
+  const intKeyTypes = useFeatures().integrationKeyTypes.map((t) => t.id)
 
   const removeFilter = (filterName: string): void => {
     if (filterName === 'labelKey') {
@@ -133,13 +135,7 @@ function AdminServiceFilter(): JSX.Element {
                   multiple
                   fullWidth
                   id='int-key-targets'
-                  options={[
-                    'generic',
-                    'grafana',
-                    'site24x7',
-                    'prometheusAlertmanager',
-                    'email',
-                  ]}
+                  options={intKeyTypes}
                   value={params.intKeyTgts}
                   onChange={(_, value) =>
                     setParams({ ...params, intKeyTgts: value })
diff --git a/web/src/app/wizard/WizardForm.jsx b/web/src/app/wizard/WizardForm.jsx
index dfc59cae78..f53b54a591 100644
--- a/web/src/app/wizard/WizardForm.jsx
+++ b/web/src/app/wizard/WizardForm.jsx
@@ -16,6 +16,7 @@ import makeStyles from '@mui/styles/makeStyles'
 import * as _ from 'lodash'
 import { useIsWidthDown } from '../util/useWidth'
 import MaterialSelect from '../selection/MaterialSelect'
+import { useFeatures } from '../util/RequireConfig'
 
 const useStyles = makeStyles({
   fieldItem: {
@@ -32,6 +33,8 @@ export default function WizardForm(props) {
   const fullScreen = useIsWidthDown('md')
   const classes = useStyles()
 
+  const keyTypes = useFeatures().integrationKeyTypes
+
   const handleSecondaryScheduleToggle = (e) => {
     const newVal = _.cloneDeep(value)
     newVal.secondarySchedule.enable = e.target.value
@@ -167,28 +170,10 @@ export default function WizardForm(props) {
             formLabel
             fullWidth={fullScreen}
             required
-            options={[
-              {
-                label: 'Generic API',
-                value: 'generic',
-              },
-              {
-                label: 'Grafana Webhook URL',
-                value: 'grafana',
-              },
-              {
-                label: 'Site24x7 Webhook URL',
-                value: 'site24x7',
-              },
-              {
-                label: 'Prometheus Alertmanager Webhook URL',
-                value: 'prometheusAlertmanager',
-              },
-              {
-                label: 'Email',
-                value: 'email',
-              },
-            ]}
+            options={keyTypes.map((k) => ({
+              label: k.name,
+              value: k.id,
+            }))}
           />
         </Grid>
       </Grid>