Learn how to use the preview context to simulate values that a component can use at runtime.

1. In the rules canvas, right-click the outcome that contains the Experience Builder component.
2. Select Edit and click Edit again on the component you want to preview.
3. In the preview window, click Preview context. The preview configuration panel is displayed.
4. Select the site that you want to use for the preview.
5. Set the available preview context values, such as:

   • Whether the user is authenticated.

   • The user's email address.

   • A Zuora Billing account identifier.

   • A country or other location value supported by the component.

   • User agent fields that can be configured, such as the browser, device and OS.

6. Select Apply to refresh the preview.
7. Verify that the component displays the expected content for the selected context.

   The preview context only affects the preview. The component must be designed to consume a context value before it can change its behavior based on that value.

   For example, a component configured for country-aware behavior can display different product or currency information when you preview it with different country values.