Skip to main content
The invoicing component gives users a full-featured invoicing experience embedded within your platform — including invoice creation, management, sending, and tracking — without leaving your application.

​
React

import { EmbeddedProvider, InvoicingWidget } from '@tesouro/embedded-components-react';

export default function InvoicingPage() {
  return (
    <EmbeddedProvider
      userId={currentUser.id}
      userEmail={currentUser.email}
      widgetTokenRefreshUrl="/api/widget-token"
    >
      <InvoicingWidget />
    </EmbeddedProvider>
  );
}

​
Web components

<embedded-invoicing-widget
  data-merchant-id="YOUR_MERCHANT_ID"
  data-user-id="YOUR_USER_ID"
  data-widget-token-refresh-url="/api/widget-token"
></embedded-invoicing-widget>

​
Next steps