Contentful Personalization & Analytics
    Preparing search index...

    Function OptimizationPreviewPanel

    • Preview Panel for Contentful Optimization React Native SDK

      A comprehensive debugging interface that displays:

      • Browsable list of audiences with human-readable names
      • Three-state toggle for audience overrides (On/Off/Auto)
      • Experience cards with variant selection
      • Search functionality for audiences and experiences
      • Current profile information (ID, traits, audiences)
      • Active personalizations with variant controls
      • Override management with reset capabilities

      Parameters

      Returns Element

      import { OptimizationPreviewPanel, OptimizationProvider } from '@contentful/optimization-react-native'
      import { createClient } from 'contentful'

      const contentfulClient = createClient({
        space: 'your-space-id',
        accessToken: 'your-access-token',
      })

      function App() {
        return (
          <OptimizationProvider instance={sdk}>
            <YourAppContent />
            <OptimizationPreviewPanel contentfulClient={contentfulClient} />
          </OptimizationProvider>
        )
      }

    Settings

    Member Visibility