From 69a7e45aead0c3e3761dd9fd7e190ef7c7cdc99a Mon Sep 17 00:00:00 2001
From: Raquel Smith <raquelmsmith@users.noreply.github.com>
Date: Tue, 10 Oct 2023 06:16:06 -0700
Subject: [PATCH] feat: clarify experiments usage in FFs onboarding (#17870)

clarify experiments usage in FFs onboarding
---
 frontend/src/scenes/onboarding/Onboarding.tsx              | 4 ++--
 .../sdks/feature-flags/flagImplementationSnippet.tsx       | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/scenes/onboarding/Onboarding.tsx b/frontend/src/scenes/onboarding/Onboarding.tsx
index cb1c980f06923..d0f221e31a65e 100644
--- a/frontend/src/scenes/onboarding/Onboarding.tsx
+++ b/frontend/src/scenes/onboarding/Onboarding.tsx
@@ -96,9 +96,9 @@ const FeatureFlagsOnboarding = (): JSX.Element => {
     return (
         <OnboardingWrapper>
             <SDKs
-                usersAction="loading flags"
+                usersAction="loading flags & experiments"
                 sdkInstructionMap={FeatureFlagsSDKInstructions}
-                subtitle="Choose the framework where you want to use feature flags, or use our all-purpose JavaScript library. If you already have the snippet installed, you can skip this step!"
+                subtitle="Choose the framework where you want to use feature flags and/or run experiments, or use our all-purpose JavaScript library. If you already have the snippet installed, you can skip this step!"
                 stepKey={OnboardingStepKey.SDKS}
             />
         </OnboardingWrapper>
diff --git a/frontend/src/scenes/onboarding/sdks/feature-flags/flagImplementationSnippet.tsx b/frontend/src/scenes/onboarding/sdks/feature-flags/flagImplementationSnippet.tsx
index ded0cf3f69bc4..b7cfbba988c3d 100644
--- a/frontend/src/scenes/onboarding/sdks/feature-flags/flagImplementationSnippet.tsx
+++ b/frontend/src/scenes/onboarding/sdks/feature-flags/flagImplementationSnippet.tsx
@@ -5,13 +5,18 @@ import { SDKKey } from '~/types'
 export const FlagImplementationSnippet = ({ sdkKey }: { sdkKey: SDKKey }): JSX.Element => {
     return (
         <>
-            <h3>Basic implementation</h3>
+            <h3>Basic flag implementation</h3>
             <CodeInstructions
                 options={OPTIONS}
                 selectedLanguage={sdkKey}
                 showAdvancedOptions={false}
                 showFooter={false}
             />
+            <h3>Running experiments</h3>
+            <p>
+                Experiments run on top of our feature flags. Once you've implemented the flag in your code, you you'll
+                run an A/B test by creating a new experiment in the PostHog dashboard.
+            </p>
         </>
     )
 }