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

# Application Widget

## Application Widget

The Application Widget is the applicant-facing form that Lendflow hosts. Applicants use it to provide personal and business information when they apply.

This guide explains how to customize the look of the widget and of automated emails, and how to white-label widget links so they use your domain instead of Lendflow’s widget host. These customizations are optional.

## Generate and embed the widget

To generate a widget and copy the code that embeds it on your website, log in to Lendflow. In the left-side menu, open the **Integrations** tab, then open **Widget Integration**.

On that page you choose the widget type, workflow, branding, and redirect, and then copy the widget link or the integration script.

This page does not repeat those configuration steps. For the full steps to configure the widget and add it to your website, go to [Embedding The Application Widget](/lendflow-external/docs/embedding-the-application-widget).

To attach a widget to an application that already exists, including declined deals, go to [Widgets for Existing Deals](/lendflow-external/docs/widgets-for-existing-deals).

## Branding Your Widget

You can customize how the widget looks to applicants. That includes the color scheme, the logo, and the footer. You can also customize how automated emails from Lendflow look. That includes the header, the background, the logo, and the footer.

Create branding templates in the **Customize** tab in the left-side menu. To use a template on a widget, go to the **Integrations** tab in the left-side menu, open **Widget Integration**, and select the template under **Widget Brand** or **Email Brand**. You do not need to set a template as default in order to use it.

If no branding template exists, Lendflow branding is used. If a template exists and is selected as default, that template is used when no selection is made on the **Integrations** tab in the left-side menu, then **Widget Integration**.

### Create widget branding

Widget branding is the logo, colors, and footer that applicants see inside the widget. The footer can include links to your privacy policy, terms of service, and conditions. You can also require applicants to check a box in the footer. If you do not customize the widget footer, the Lendflow default footer is used.

1. Log in to Lendflow. In the left-side menu, open the **Customize** tab.

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/ff8d0af-Screen_Shot_2023-10-04_at_3.32.10_PM.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=1d11866b0a0f14611538334faa086031" alt="" width="2858" height="1348" data-path="images/ff8d0af-Screen_Shot_2023-10-04_at_3.32.10_PM.png" />
</Frame>

2. Click **Create new template**. This opens the branding page.
3. Set a template name, select colors, and upload a logo. You can select colors from a color chart or enter them as hex codes.
4. Customize the footer if you want applicants to see your own message, including links to your privacy policy, terms of service, and conditions. You can require applicants to check the footer box. If you do not edit the footer, the Lendflow default footer is used.
5. Optionally click **Set as Default**. You do not need to set a template as default in order to use it. If you set a template as default, that template is used when no brand is selected on the **Integrations** tab in the left-side menu, then **Widget Integration**.

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/58f5681-Screen_Shot_2023-10-04_at_3.38.09_PM.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=b96a033a9fb8b7cacb75dce2194d88b9" alt="" width="2504" height="1448" data-path="images/58f5681-Screen_Shot_2023-10-04_at_3.38.09_PM.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/1484683-Screen_Shot_2023-03-23_at_2.44.42_PM.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=45cb576596a8aba6b360f09e03b5a5c3" alt="" width="1078" height="758" data-path="images/1484683-Screen_Shot_2023-03-23_at_2.44.42_PM.png" />
</Frame>

<Frame>
  <video controls className="w-full aspect-video" src="https://lendflow-documentation.s3.us-west-2.amazonaws.com/Widget_CustomFooter.mov" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/50d3a9e-Screen_Shot_2023-03-23_at_2.58.50_PM.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=5d2d79bf41634fa74a6efceae4b7edcb" alt="" width="2426" height="1026" data-path="images/50d3a9e-Screen_Shot_2023-03-23_at_2.58.50_PM.png" />
</Frame>

To use this template when you generate a widget, go to the **Integrations** tab in the left-side menu, open **Widget Integration**, and select the template under **Widget Brand**. If the widget is already embedded on your website, generate the snippet again and update the widget links or scripts where they are embedded.

### Create email branding

Email branding is used on automated emails that Lendflow sends to applicants. That includes emails such as Borrower Platform authentication emails.

1. Log in to Lendflow. In the left-side menu, open the **Customize** tab.
2. Open **Email Branding**, then select **Create new template**.
3. Set colors for the header and the background, and upload a logo and a background image as needed.
4. Update the footer and the social media links with information about your company and capital program.
5. Optionally click **Set as Default**. You do not need to set a template as default in order to use it. If you set a template as default, that template is used when no email brand is selected on the **Integrations** tab in the left-side menu, then **Widget Integration**.

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/7a61b1a-Screen_Shot_2023-03-23_at_2.47.50_PM.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=0c2a8494132d78a1229520b184c989f1" alt="" width="2864" height="1366" data-path="images/7a61b1a-Screen_Shot_2023-03-23_at_2.47.50_PM.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/54e2926-Screen_Shot_2023-03-23_at_2.53.35_PM.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=11471967ba83aece3e59f9cdd41751bb" alt="" width="2406" height="1282" data-path="images/54e2926-Screen_Shot_2023-03-23_at_2.53.35_PM.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/lendflow-ph/D03fMJzyuz4WrdkF/images/7288929-Screen_Shot_2023-03-23_at_2.54.39_PM.png?fit=max&auto=format&n=D03fMJzyuz4WrdkF&q=85&s=b7d83f23971f30836e6a54817883d2e2" alt="" width="1094" height="1286" data-path="images/7288929-Screen_Shot_2023-03-23_at_2.54.39_PM.png" />
</Frame>

To use this template when you generate a widget, go to the **Integrations** tab in the left-side menu, open **Widget Integration**, and select the template under **Email Brand**. If the widget is already embedded on your website, generate the snippet again and update the widget links or scripts where they are embedded.

## Using White-label subdomains

By default, Application Widget links use Lendflow’s widget host: `https://iw.lendflow.com`. You can white-label that address so the widget links you copy start with your domain instead. For example, links can start with `https://capital.test.com` instead of `https://iw.lendflow.com`.

Applicants still complete the Lendflow widget. Only the address they see in the browser uses your domain.

White-labeling is optional. First add the integration script to the website that owns the domain. Then save the subdomain on the **Integrations** tab in the left-side menu, then **Widget Integration**.

1. Log in to Lendflow. In the left-side menu, open the **Integrations** tab, then open **Widget Integration**.
2. Add the integration script to the header of the website that has the domain you want in widget links. For example, if you want widget links to begin with `https://capital.test.com`, add the integration script to the header of the `capital.test.com` page. Complete this step before you save the subdomain in Lendflow.
3. After the script is on that website, return to the **Integrations** tab in the left-side menu, open **Widget Integration**, and enter the subdomain in the custom address section. New widget links use that subdomain.
4. At the top of the **Widget Integration** page, copy the widget link from Step 7. The copied link now uses the custom address. You can share that link, or you can add it to a button on your website. To embed the widget on a page, use Step 8 in [Embedding The Application Widget](/lendflow-external/docs/embedding-the-application-widget). If the widget is already embedded on your website, generate the snippet again and update the widget links or scripts where they are embedded.

## FAQ

<AccordionGroup>
  <Accordion title="Do I have to brand the widget?">
    No. You do not have to create branding templates. If no branding template exists, Lendflow branding is used. If a template exists and is selected as default, that template is used when no selection is made on the widget set up.
  </Accordion>

  <Accordion title="What happens if I do not customize the widget footer?">
    If you do not customize the widget footer, the Lendflow default footer is used.
  </Accordion>

  <Accordion title="I created a brand in the Customize tab. Why does the widget still look like Lendflow?">
    Creating a template in the **Customize** tab does not apply it by itself. A new widget link must be created, then select the template under **Widget Brand** and **Email Brand**. If the widget is already embedded on your website, update the links or scripts where they are embedded.
  </Accordion>
</AccordionGroup>

## Next steps

<Card title="Embedding The Application Widget" icon="window-restore" href="/lendflow-external/docs/embedding-the-application-widget" horizontal>
  In the left-side menu, open the Integrations tab, then open Widget Integration, and add Embedded or Pop-out to your website.
</Card>

<Card title="Widgets for Existing Deals" icon="link" href="/lendflow-external/docs/widgets-for-existing-deals" horizontal>
  Attach a widget to an application that already exists, including declined deals.
</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>

<Card title="Manage a Deal in Workflow Live" icon="diagram-project" href="/lendflow-external/docs/viewing-different-stages" horizontal>
  Open a deal from the Deals tab in the left-side menu to see workflow stages in Deal Progress.
</Card>
