diff --git a/src/components/Pricing/PricingCalculator/Tabbed.tsx b/src/components/Pricing/PricingCalculator/Tabbed.tsx index ab2b311cd942..d4bc48c54a6a 100644 --- a/src/components/Pricing/PricingCalculator/Tabbed.tsx +++ b/src/components/Pricing/PricingCalculator/Tabbed.tsx @@ -923,12 +923,15 @@ export default function Tabbed() { {/* Two ways to leave with an estimate: a link to this one, or a prompt that builds one from what the visitor already pays for elsewhere. Same row, same weight. */} -
+
{ const variant = window.posthog?.getFeatureFlag?.(AI_PRICING_FLAG) - return variant && variant !== AI_PRICING_EXPERIMENT_VARIANTS.control ? ( + return variant === AI_PRICING_EXPERIMENT_VARIANTS.inside_calculator ? ( + + window.posthog?.getFeatureFlag?.(AI_PRICING_FLAG) === + AI_PRICING_EXPERIMENT_VARIANTS.outside_calculator ? ( +

+ Coming from another tool?{' '} + using your + real usage there. +

+ ) : ( + <> + ) + } + />
) diff --git a/src/components/Pricing/Redesign/README.md b/src/components/Pricing/Redesign/README.md index b952513fcf22..3451b836c315 100644 --- a/src/components/Pricing/Redesign/README.md +++ b/src/components/Pricing/Redesign/README.md @@ -2,7 +2,7 @@ Components for the pricing page, served on **`/pricing`**. The page that assembles them is `pages/pricing/index.tsx`. -These components shipped behind the `pricing-page-redesign` experiment. The redesign is now the only pricing page. The calculator is always visible as its own section (`CalculatorSection`). Nothing here reads a feature flag. +These components shipped behind the `pricing-page-redesign` experiment. The redesign is now the only pricing page. The calculator is always visible as its own section (`CalculatorSection`). The `ai-pricing` experiment controls the AI estimate entry point: `control` hides it, `inside-calculator` places it beside **Share estimate**, and `outside-calculator` places it above the calculator and in the **Estimating usage** guidance. Unknown or unavailable flag values hide the AI estimate links. The shared `AgentEstimateLink` popover retains the ChatGPT, Claude, and copy-prompt actions and their existing analytics events. ## Why diff --git a/src/components/Pricing/Test/Calculator.tsx b/src/components/Pricing/Test/Calculator.tsx index 5324b8c1f04f..83f0265acf4f 100644 --- a/src/components/Pricing/Test/Calculator.tsx +++ b/src/components/Pricing/Test/Calculator.tsx @@ -215,8 +215,25 @@ export const Calculator = ({ hideHeader = false, id = 'calculator' }: Calculator

Estimating usage

- Not sure what your volume looks like? Add the tracking code to your site and check back - in a few days – no credit card required. + Not sure what your volume looks like?{' '} + Add} + render={() => + window.posthog?.getFeatureFlag?.(AI_PRICING_FLAG) === + AI_PRICING_EXPERIMENT_VARIANTS.outside_calculator ? ( + <> + {' '} + or add + + ) : ( + <>Add + ) + } + />{' '} + the tracking code to your site and check back in a few days – no credit card required. If something stupid happens and you get an unexpected bill (like if{' '} @@ -232,24 +249,6 @@ export const Calculator = ({ hideHeader = false, id = 'calculator' }: Calculator {' '} to help! - { - const variant = window.posthog?.getFeatureFlag?.(AI_PRICING_FLAG) - return variant && variant !== AI_PRICING_EXPERIMENT_VARIANTS.control ? ( - - Coming from another tool?{' '} - {' '} - using your real usage there. - - ) : ( - <> - ) - }} - />