> ## 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 UX

If you want to get up and running quickly with a bookkeeper-facing experience that has been proven with thousands of accountants previously accustomed to using QuickBooks and Xero, then the Embeddable User Interface is your best bet. Tight's Accountant Dashboard is a full-featured embedded experience that can be customized by the Tight team to match your colors, fonts, and branding.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/tight-7c882d74/v5.0/images/5121bb4-accountingReconciliation.gif" alt="Bookkeeper UX Demo" />

<br />

## Embedding the Accountant Dashboard

To embed the Accountant Dashboard within your own web app, such that your bookkeepers will never see the Tight brand, you can follow the simple steps below:

a. [Create a Tight account for each accountant](/v5.0/products/accounting/bookkeepers/accountant-dashboard)

b. Initialize the Tight SDK 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 that has logged into your web app.

c. 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);
```

## Customizing workflows

Numerous customer-partners have customized the bookkeeper-facing experience to ensure optimal efficiency for their large bookkeeping teams. For more advanced use cases, take a look at the [Bookkeeper Dashboard component docs](/v5.0/embeddable-ui/white-labeled-experience/bookkeeper-ux).