> This page is for Docs.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://zuora.ferndocs.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://zuora.ferndocs.com/_mcp/server.

# Host a project in a React application

> Learn how to host a project in a React application.

Learn how to host a project in a React application.

Open the project in Experience Builder.

Click **Code**.

Select the **React** tab.

Install the Experience Builder library provided through npm.

Copy the configuration snippet, including the project ID and project token.

Add the configuration file to your React application.

Specify the project ID and project token in the configuration file.

Import the Experience Builder libraries.

Initialize the loader.

Place the Experience Builder component where you want the project or component to appear.

The loader loads the configured project or component in the location where you placed it.