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

# Bookkeeper Dashboard

To embed the [Accountant Dashboard](/v5.0/embeddable-ui/white-labeled-experience/bookkeeper-ux) within your own web app, such that your bookkeepers will never see the Tight brand, you can follow the simple steps below:

## 1. Adding Bookkeepers via API

In order to add bookkeepers into Tight's API, you can take advantage of the [Create an accountant](/v5.0/products/accounting/bookkeepers/accountant-dashboard)  endpoint. An example `cURL` is shown below:

```curl theme={null}
curl --request POST \
     --url https://sandbox.hurdlr.com/rest/v5/accountant/account \
     --header 'accept: application/json' \
     --header 'content-type: application/json' \
     --data '
{
  "userId": "userIdInYourDB",
  "client_id": "your_client_id",
  "client_secret": "your_client_secret",
  "email": "accountant@gmail.com",
  "firstName": "Your",
  "lastName": "Accountant",
  "canReopenBooks": false,
  "canManageAdmins": true,
  "canManageUsers": true,
  "canAccessAllUsers": false
}
'
```

Once you have added bookkeepers into Tight's API, [you can manage them directly within the Accountant Dashboard Embedded experience](/v5.0/embeddable-ui/bookkeepers/user-management) .

## 2. Initializing the Embedded Experience

Initialize the Tight Embedded experience in your project by following the instructions on [Embedding Tight's white labelled UI](/v5.0/getting-started/quickstart/embedded-ui#2-embedding-hurdlrs-white-labelled-ui-hurdlr-sdk). Be sure to use the `accessToken` that pertains to the [specific accountant](/v5.0/products/accounting/bookkeepers/accountant-dashboard) that has logged into your web app.

## 3. Adding the Accountant Dashboard to your app

To render the Accountant Dashboard, you will need to provide the `elementId` parameter, which is the HTML `id` of the main `<div>` where you would like the Accountant Dashboard to render. Simply invoke the following line of javascript:

```javascript theme={null}
Hurdlr.renderAccountantDashboard(elementId, options);
```

## 4. Customizing the UI to match your branding

Tight's API team can quickly customize the UI to match your branding. Please follow the instructions on [Customizing the embedded UI to match your branding](/v5.0/getting-started/quickstart/embedded-ui#1-customizing-the-embedded-ui-to-match-your-branding).