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

# Embed The Borrower Platform Into Your Product

## Embed The Borrower Platform Into Your Product

Use this guide to configure the Borrower Platform in Lendflow and embed it on your website or product.

If you are going live for the first time, start with [Getting Started](/lendflow-external/docs/getting-started), then follow the steps below.

Applicants use the Borrower Platform to check the status of their application, contact their funding advisor, and more.

## Open Borrower Platform Integration

Log in to Lendflow and open the **Integrations** tab in the left panel, then open **Borrower Platform**.

On this page, configure branding and template on the left. Your Borrower Platform link and integration script update on the right as you make selections.

<Frame>
  ![](https://lendflow-documentation.s3.us-west-2.amazonaws.com/embed_bp_1.png)
</Frame>

## Step 1: Set Branding

Optional — defaults to Lendflow branding.

* **Brand**: Logo and colors for the Borrower Platform (same brand options used for the Widget)
* **Email Brand**: Branding for emails associated with the Borrower Platform

Customize these in the Customize tab, or select **None** to use Lendflow branding.

## Step 2: Set Borrower Platform Template

Select the **Borrower Platform Template** applicants should see. Once the template is set up on the Borrower Platform page, enable it here to make it visible to users.

## Your Borrower Platform Link (Optional)

On the right side of the page, **Your Borrower Platform Link** shows the generated URL. You can copy it to share the Borrower Platform directly with applicants (for example by email). For embedding on your site, use the integration script below.

## Add The Integration Script To Your Website

On the right side of the same page, open **Add The Integration Script To Your Website**.

Copy the generated snippet from the dashboard. It already includes your branding and template selections.

The snippet includes two parts:

1. A `script` — loads the Borrower Platform. Your settings are included in the script URL (for example `token`, and branding or template parameters when selected). The `target` query parameter is set to the id of the container element (by default `target-element`). When `target` is present, the Borrower Platform initializes into that element automatically.
2. A container `div` — this is where the Borrower Platform appears on the page. You can change the `id` if needed, as long as it matches the `target` value in the script.

Place the `script` in the `<head>` (or before `</body>`). Place the container `div` in the `<body>` where you want the Borrower Platform to appear. The width and height of the Borrower Platform match the size of the target element.

**Example page before integration:**

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/637e432-BpGuide2.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=08eddc4576e5ff1417cb28a5d0941ced" alt="" width="697" height="697" data-path="images/637e432-BpGuide2.png" />
</Frame>

**Example shape (use your exact snippet from the dashboard):**

```html theme={"system"}
<html>
  <head>
    <script
      defer
      src="https://borrower.lendflow.com/lfbp.js?token=YOUR_BORROWER_PLATFORM_TOKEN&target=target-element"
    ></script>
  </head>
  <body>
    <div id="target-element"></div>
  </body>
</html>
```

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/5658182-BpGuide3.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=0d7aace0e3637d471697ed431b930420" alt="" width="1250" height="388" data-path="images/5658182-BpGuide3.png" />
</Frame>

<Note>
  The width and height of the target element are inherited by the Borrower Platform.
</Note>

**Example page after integration:**

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/d6c369d-BpGuide4.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=5e7c61347b5d4512253867221334b8a0" alt="" width="685" height="689" data-path="images/d6c369d-BpGuide4.png" />
</Frame>

## Optional: Redirect from the Application Widget

To send applicants to the Borrower Platform after they finish the widget, open **Widget Integration** and set **Choose a Redirect Option** to **Borrower Platform**. See [Embedding The Application Widget](/lendflow-external/docs/embedding-the-application-widget).

After the widget is completed, eligible applicants can land in the Borrower Platform without a separate login when their email was collected in the widget. Some widget types redirect automatically (for example Lending Widget with Prequal). Contact your customer success manager if you are unsure about your widget type.

## Optional: Share a deal-level Borrower Platform link

From a deal on the **Deals** page, open the **Application Links** tab to copy a Borrower Platform link for that applicant. Opening this link can skip the login step because the applicant is identified from the deal.

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/04d801d-image-20231212-205003.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=ee0e33dde794740458015cf34fa8292e" alt="" width="1568" height="790" data-path="images/04d801d-image-20231212-205003.png" />
</Frame>

## Optional: Authenticate users from your product

If you need to log users into the Borrower Platform from your own product with a JWT, see [Authenticate Users Against The Borrower Platform](/lendflow-external/docs/authenticate-users-against-the-borrower-platform).

## Next steps

<Card title="Smartviews" icon="table" href="/lendflow-external/docs/smartviews-overview" horizontal>
  Smartviews are saved views of the Deals page.
</Card>

<Card title="Using the Deals Page" icon="magnifying-glass" href="/lendflow-external/docs/using-the-deals-page" horizontal>
  Search deals and expand offer or placement details.
</Card>
