Use the instructions below to embed the Baseline Loan Application directly on your website using an iframe, so borrowers can start and submit an application without ever leaving your site or creating a login.
Finding your application URL
Each Baseline account has a unique Public Application link tied to your workspace subdomain.
Go to Settings > Workspace.
Copy the Open Application link.
It will look like: https://[your-subdomain].baselinesoftware.com/application.Paste this URL into the src attribute of the iframe code below.
Option 1: fixed-size embed
This is the quickest way to add the application to a page — you set an exact width and height.
<iframe src="https://[your-subdomain].baselinesoftware.com/application" width="800" height="600" style="border:none;"> </iframe>
Adjust the width and height values to fit your page layout.
Option 2: responsive embed (recommended)
Since loan applications often run longer than a single screen, a responsive wrapper keeps the form usable across desktop and mobile screen sizes.
<div style="position: relative; width: 100%; padding-bottom: 150%;">
<iframe
src="https://[your-subdomain].baselinesoftware.com/application"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;">
</iframe>
</div>Borrowers will typically scroll within the embedded form to complete it. This is expected and not a problem to design around.
The padding-bottom percentage just sets a comfortable initial viewing height; it doesn't need to be tall enough to fit the entire form. A range of 100–150% works well for most sites.
If you'd rather set a height that doesn't depend on the iframe's width, skip the wrapper and set the height directly on the iframe using viewport units instead, for example: style="width: 100%; height: 85vh; border: none;"
Troubleshooting
Blank or broken embed:
Confirm the src URL matches your workspace's subdomain exactly and begins with https://.
Copy it fresh from Settings > Workspace rather than typing it manually.
Content is cut off or scrolls awkwardly:
Some scrolling within the iframe is normal since the Loan Application has multiple sections.
If too little of the form is visible on load, increase the height (fixed embed) or padding-bottom percentage (responsive embed).
Limitations
The embedded application cannot automatically notify your website when a borrower submits it (for example, to trigger a pop-up or redirect). This would require custom code on both sides of the iframe.