Developer Center
Back to Engine.tech
  • Welcome!
  • Top of Funnel Applications
    • Embeddable Calculators
      • Embeddable Personal Loan Calculator
      • Embeddable Debt Consolidation Loan Calculator
      • Embeddable Personal Loan vs Debt Relief Calculator
      • Embeddable Savings Calculator
      • Adding Your Client Tags for Reporting Attribution
  • Loans / Savings / Second Look Marketplace
    • Hosted Integrations
      • Partner Pages / Embeds
        • Loans Partner Pages
          • Frond-End Customization Options
          • Preferred Look Partner Pages
          • Bridge Partner Pages
          • Special Offer Partner Pages
        • Loans Embeds
        • Pre-Populating Existing Customer Data
        • Adding Your Client Tags for Reporting Attribution
      • Mobile SDK
        • Mobile SDK - Prefilling Lead Data
        • Adding Your Client Tags to Reporting for Mobile SDK Integrations
        • Event Handlers for Real-Time Tracking in the Engine Mobile SDK
    • Native API (Build Your Own)
      • Financial Product Verticals
        • Loans
          • Personal Loans
            • Collecting User Information for Personal Loans
            • Displaying Personal Loan Offers
            • API Specifications
            • FAQs
          • Home Equity Line of Credit (HELOC)
            • Displaying Offers HELOC
            • Risk Factors & Requirements
            • Dos & Don’ts for All HELOC Supply Partners
            • Dos & Don’ts for HELOC Native Partners (API)
            • Our Embed/Partner Page Implementation
            • HELOC-specific disclosures
          • Auto Loan Refinancing (ALR)
            • Collecting User Information
            • Displaying Auto Loan Refinance Offers
            • API Specifications
            • FAQs
        • Savings
          • Collection User Information for Savings
          • Displaying Savings Offers
          • Marketplace Display Requirements
          • Reporting
          • API Specifications
        • 2nd Look Marketplace
          • 2nd Look Marketplace (Financial Services Providers)
          • 2nd Look Marketplace (Channel Partners)
            • Collecting User Information for 2LM
            • Displaying 2L Marketplace Offers
      • Adding Your Client Tags to Reporting for Native API Integrations
      • General Compliance Guidelines
        • Consumer Information Fields
          • Additional Compliance Recommendations & Best Practices
        • Disclosures
        • Consents
        • Offer Display Fields
    • Reporting Options for Channel Partners
      • Channel Partner Reporting - Looker
      • Channel Partner Reporting - Analytics API
  • Credit Cards Marketplace
    • Native API (Build Your Own)
      • Getting Started
      • Flow Design
      • Collecting User Information for Credit Cards
      • Displaying Credit Card Offers
      • API Specifications
      • Compliance Guidelines
  • New Marketplaces (Credit Builders, Earned Wage Access, Debt Relief)
    • Hosted Integrations
      • New Marketplaces Embeds
      • Adding Your Client Tags for Reporting Attribution
  • References
    • Brand Guidelines and Assets
    • Appendix
      • Appendix A - Notices
      • Appendix B - Disclosures
      • Appendix C - Consents
      • Appendix D: API Field to Offer Card Mappings
      • Appendix E: Appending Client Tags for Partner Page and Embed Integrations
Powered by GitBook
On this page
  • The Embed Code
  • Details & Customization
  • Auto-Sizing
  • Personalized Headings

Was this helpful?

  1. Top of Funnel Applications
  2. Embeddable Calculators

Embeddable Personal Loan Calculator

Integrate Calculators Into Your Site

PreviousEmbeddable CalculatorsNextEmbeddable Debt Consolidation Loan Calculator

Last updated 3 months ago

Was this helpful?

Embeddable Calculators are part of the Engine by MoneyLion network, enabling you to entice users to proceed to the next step in their journey with an easy integration and minimal technical requirements, and featuring customizable branding for a consistent user experience.

The Embed Code

To integrate the Personal 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.

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-loans-calculator tag should not be self-closing. Please implement as moneylion-loans-calculator and /moneylion-loans-calculator separately and not moneylion-loans-calculator/

Details & Customization

Auto-Sizing

The calculator will be rendered wherever you include the moneylion-loans-calculator and /moneylion-loans-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/loans-calculator/index.js"></script>

<moneylion-loans-calculator></moneylion-loans-calculator>

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

<h1>Personal Loans Calculator</h1>

<p>See how much you can save</p>

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

<moneylion-loans-calculator></moneylion-loans-calculator>

Here is a demo of the Embeddable Personal Loan Calculator to see it in action:

LogoCompare Loan Options | Moneylion