# Debt Consolidation Loan Calculator

Embeddable Calculators are part of the Engine by MoneyLion network. The Debt Consolidation Loan Calculator enables users to evaluate and compare loan options, making it easier to consolidate multiple debts into one manageable payment.&#x20;

With seamless integration and customizable branding, you can effortlessly embed this essential tool on your website, empowering your audience to make informed financial decisions.

<figure><img src="https://3849802388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MeMvVDbjd8vJWZ9Hwf0%2Fuploads%2Fs0hS1NMpe9ZQ2J0xbTLn%2Fimage.png?alt=media&#x26;token=acfaa1a3-7df4-4136-9179-4e6c9e27a0a5" alt=""><figcaption></figcaption></figure>

Here is a demo of the **Embeddable Debt Consolidation Loan Calculator** to see it in action:

{% embed url="<https://www.moneylion.com/network/moneylion/calculators/demo/web-component/debt-consolidation-calculator>" %}

## The Embed Code

To integrate the **Debt Consolidation Loan Calculator** on your website, you will need to include the following two lines of HTML code. These lines can be placed in any order on the page, but for optimal user experience, we recommend placing the `<script>` tag within the same div where the content is rendered.

<figure><img src="https://3849802388-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MeMvVDbjd8vJWZ9Hwf0%2Fuploads%2FQjyroBmH1Ijj3RXKRd2z%2FScreenshot%202025-01-30%20at%201.08.57%E2%80%AFPM.png?alt=media&#x26;token=1770026b-5590-47a3-8bf8-cdf6d60c2597" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The screenshot above is a screenshot of the simplicity of the code snippet, to show the ease of implementation. Your exact code will be provided to you by your Partner Manager.

`{channel}` and `{zone}` here are placeholders and will be replaced with precise values in the embed code provided to you.

Also to note, the `moneylion-debt-consolidation-calculator` tag should not be self-closing. Please implement as `moneylion-debt-consolidation-calculator` and `/moneylion-debt-consolidation-calculator` separately and not a single, self-closing `moneylion-debt-consolidation-calculator/`
{% endhint %}

## Details & Customization

### **Auto-Sizing**

The calculator will be rendered wherever you include the `moneylion-debt-consolidation-calculator` and `/moneylion-debt-consolidation-calculator` tags in your page and will responsively scale to fill the space available to it.

### **Personalized Headings**

You may want to accompany the calculator with your own header or instructional text above the embeddable code. For example, this \<h1> and \<p> produce the screenshot above:

```
<h1>Blog Entry 1</h1>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Sed euismod, nunc id aliquet ullamcorper, nisl nunc tincidunt nunc, et aliquam nunc nunc id lectus.</p>

<script type="application/javascript" src="https://www.moneylion.com/network/{channel}/{zone}/web-component/debt-consolidation/index.js"></script>

<moneylion-debt-consolidation-calculator></moneylion-debt-consolidation-calculator>
```

You can customize your headings with your desired marketing language, similar to the following:

```
<h1>Debt Consolidation Loan Calculator</h1>

<p>See if you can save money with a debt consolidation loan.</p>

<script type="application/javascript" src="https://www.moneylion.com/network/{channel}/{zone}/web-component/debt-consolidation-calculator/index.js"></script>

<moneylion-debt-consolidation-calculator></moneylion-debt-consolidation-calculator>
```
