diff --git a/frontend/src/lib/components/PayGatePage/PayGatePage.tsx b/frontend/src/lib/components/PayGatePage/PayGatePage.tsx
index 059a96b6cb0ab..07f76e0da3bf6 100644
--- a/frontend/src/lib/components/PayGatePage/PayGatePage.tsx
+++ b/frontend/src/lib/components/PayGatePage/PayGatePage.tsx
@@ -1,6 +1,8 @@
import './PayGatePage.scss'
+import { IconOpenSidebar } from '@posthog/icons'
import { useValues } from 'kea'
+import { useFeatureFlag } from 'lib/hooks/useFeatureFlag'
import { IconOpenInNew } from 'lib/lemon-ui/icons'
import { LemonButton } from 'lib/lemon-ui/LemonButton'
import { identifierToHuman } from 'lib/utils'
@@ -26,6 +28,7 @@ export function PayGatePage({
featureName,
}: PayGatePageInterface): JSX.Element {
const { upgradeLink } = useValues(billingLogic)
+ const is3000 = useFeatureFlag('POSTHOG_3000', 'test')
featureName = featureName || identifierToHuman(featureKey, 'title')
return (
@@ -46,7 +49,7 @@ export function PayGatePage({
center
data-attr={`${featureKey}-learn-more`}
>
- Learn more
+ Learn more {is3000 ? : }
)}
diff --git a/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx b/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx
index 02e59aeca94db..8fb22529ac1db 100644
--- a/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx
+++ b/frontend/src/lib/components/ProductIntroduction/ProductIntroduction.tsx
@@ -1,4 +1,6 @@
+import { IconOpenSidebar } from '@posthog/icons'
import { useActions } from 'kea'
+import { useFeatureFlag } from 'lib/hooks/useFeatureFlag'
import { IconClose, IconOpenInNew, IconPlus } from 'lib/lemon-ui/icons'
import { LemonButton } from 'lib/lemon-ui/LemonButton'
import { userLogic } from 'scenes/userLogic'
@@ -37,6 +39,7 @@ export const ProductIntroduction = ({
customHog?: React.ComponentType<{ className?: string }>
}): JSX.Element => {
const { updateHasSeenProductIntroFor } = useActions(userLogic)
+ const is3000 = useFeatureFlag('POSTHOG_3000', 'test')
const actionable = action || actionElementOverride
return (
@@ -103,12 +106,18 @@ export const ProductIntroduction = ({
}
+ sideIcon={
+ is3000 ? (
+
+ ) : (
+
+ )
+ }
to={`${docsURL}?utm_medium=in-product&utm_campaign=empty-state-docs-link`}
data-attr="product-introduction-docs-link"
targetBlank
>
- Learn more about {productName}
+ Learn more
)}
diff --git a/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx b/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx
index 2a1a171f7ce31..c7ff0d3dbd18b 100644
--- a/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx
+++ b/frontend/src/scenes/data-warehouse/external/DataWarehouseExternalScene.tsx
@@ -74,7 +74,7 @@ export function DataWarehouseExternalScene(): JSX.Element {
{(shouldShowProductIntroduction || shouldShowEmptyState) && (