> ## Documentation Index
> Fetch the complete documentation index at: https://help.revenuehero.io/llms.txt
> Use this file to discover all available pages before exploring further.

# How to install the scheduler script?

> How to set up the booking widget on a page built with React?

1. Install the RevenueHero SDK.

```
npm install @revenuehero/sdk-react
```

2. Import it in your code

```
import { RevenueHero } from '@revenuehero/sdk-react'
```

3. Use the following script as a react component on the page:

**Hubspot Form**

```
{isHubspotFormLoaded && <RevenueHero enabled routerId="xxx"  formId="hsForm_xxx" />}
```

**Pardot Form**

```
<RevenueHero enabled routerId="xxx" formType='pardot' formId="#pardot-form" />
```

4. You're all set!

<Note>
  If you're using NextJS, click on this link to add [the scheduler snippet.](/installation/next-js)
</Note>

***