All-In-One Simulator Embed Code

Partners wishing to embed the All-In-One loan simulator on their website can do so by copying the embed code below and placing it on their website in the location they wish the simulator to appear.

Use the default color scheme, or customize the colors below to match your website theme.

Click here to customize widget colors

Page Color Primary Page background color on primary screens.

Page Color Secondary Page background color on secondary screens.

Page Color Header Header background color.

Field Color White Background color of editable fields.

Field Color Grey Background color of locked fields, background color for even table rows.

Field Color Silver Background color for odd table rows.

Tab Color Primary Active tab text color.

Tab Color Secondary Inactive tab text color, inactive button text color.

Tab Color Inactive Inactive tab background color for locked tabs (note that the background color on completed tabs will be the same as page-color-header).

Font Color Header Primary header text color.

Font Color Header Secondary Secondary header text color, “Start Over” and “Save & Share” icon color.

Font Color Primary Text color in the main part of the widget (headers, descriptions, labels of active fields).

Font Color Secondary Text color in the main part of the widget (subtitles, text, field labels, borders).

Font Color Tertiary Font color for locked fields, buttons, texts.

Font Color Quaternary Button text color.

Font Color Black Color of values in graphs, text bold.

Color Inactive Inactive/locked button background color.

Color Button Primary Active button background color.

Color Interest Chart color for the Interest amount.

Color Principal Chart color for the Principal amount.

Table Color Primary Paydown table header background color for for 30-Year HELOC section.

Table Color Secondary Paydown table header background color for period section.

Table Color Tertiary Paydown table header background color for Traditional Mortgage section.

Click here to add Loan Officer information

Include Loan Officer information:

Yes

First Name

Last Name

Title

NMLS

City

State

Phone

Potrait Url

Apply Now

Website

Logo URL

Implementation Guide

You can embed the All-In-One Loan Simulator on your website as a widget, or an iframe. The widget is the preferred implementation method, as it embeds the JavaScript widget directly on your web page, providing the best user experience.

Using the iframe implementation is a bit simpler, and eliminates the potential for your existing website code to interfere with the widget; however, user experience may be sub-optimal due to the iframe sizing and scrolling, and may not work properly for users who have disabled third-party cookies in their browser security settings.

Widget Code

Iframe Code

COPY EMBED CODE