AB Testing IntegrationsExperimental

Integrate with AB testing platform to create experiments

A/B testing integration lets you create experiments and feature flags in your documentation. Test different content versions and track user behavior to optimize your docs based on real data.

We use OpenFeature specification for feature flag management, providing a standardized approach to A/B testing across your documentation.

All integrations

- GrowthBook
  Learn how to integrate GrowthBook for A/B testing and feature flags
- LaunchDarkly
  Learn how to integrate LaunchDarkly for A/B testing and feature flags

Feature Flags in Markdown

To use feature flags inside your content files, you can use feature/Feature component:

your

:::feature{flag="demo-tutorial" match="v1"}

@include "./demo-tutorial1.mdx"

:::

:::feature{flag="demo-tutorial" match="v2"}

@include "./demo-tutorial2.mdx"

:::

Check out our A/B testing example.

Flags Evaluation

Feature flags are client-side only. Content is visually enabled when the feature flag evaluates to true. Technically we did some improvements to avoid clunky render effect during feature flat evaluation.

Thanks to that the end-user experience should be close to server-side evalutation although it's running on client side only.

By default feature context is saved in local storage for 7 days, if you'd to change this, please look at reference.

Server-side Evaluation

Currently, feature flags are evaluated client-side only. Need server-side evaluation for your use case? Join our cummunity.

Reference

contextMaxAge

number

Context max age in milliseconds

contextStorageKey

string

Context storage key used to store the context in the browser storage

providers

IntegrationABTestingProviders

Providers configuration

growthbook

IntegrationABTestingGrowthBook

GrowthBook configuration

apiHost

string

Required

GrowthBook API host

clientKey

string

Required

GrowthBook client key

launchdarkly

IntegrationABTestingLaunchDarkly

LaunchDarkly configuration

env

string

Required

LaunchDarkly environment key

Feature Flags in HeadingsComing Soon

You can also use feature flags directly in your markdown content using the featureFlag, featureMatch, and featureDefault in heading attributes:

## Tutorial [featureFlag="demo-tutorial" featureMatch="v1" featureDefault="v1"]
:::steps
1. First step for version 1
2. Second step for version 1
:::

<!-- you can use sugar syntax too: -->
## Tutorial [feature=("demo-tutorial", "v1")]
:::steps
1. First step for version 2
2. Second step for version 2
3. Additional step for version 2
:::

Analytics IntegrationComing Soon

Track user behavior and engagement with your A/B testing experiments. Send analytics events to measure which content versions perform better and optimize your documentation based on real user data.

AB Testing Samples

Learn how to setup AB tests.

Edit page

LiveChat GrowthBook