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

Was this helpful?

  1. New Marketplaces (Credit Builders, Earned Wage Access, Debt Relief)
  2. Hosted Integrations

New Marketplaces Embeds

How to get started with an Engine by MoneyLion marketplace Embed integration for New Marketplaces.

PreviousHosted IntegrationsNextAdding Your Client Tags for Reporting Attribution

Last updated 10 months ago

Was this helpful?

Here is a demo:

Embeds (i.e., embeddable widgets) provide access to Engine by MoneyLion's network and the ability to integrate a native, partner-hosted integration with very little technical lift. Embeds support fully customizable branding and design to deliver a seamless customer journey.

Note: this is the Alpha experience and will have upcoming iterations.

The Embed Code

​​Engine by MoneyLion will provide a unique Embed code during onboarding, including the following partner and product-specific elements:

  • channel - represents the traffic source name (i.e. your company)

  • zone - represents the app that should be served (e.g. "offers", which could be an existing zone such as “credit-builder-offers” “cash advance offers." It can also be a new zone such as generic-offers-for-blog-pages" or "generic-offers-for-homepage")

To integrate the Embed 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, and the script can optionally be included within the included within the <head> tag if preferred.

Note: we do not support client tags at this current time.

General:

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

<moneylion-generic-offers></moneylion-generic-offers>

Debt Relief:

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

<moneylion-generic-offers></moneylion-generic-offers>

EWA (Cash Advance):

<script type="application/javascript" src="https://www.moneylion.com/network/{channel}/cash-advance-embed/web-component/generic-offers/index.js"></script>

<moneylion-generic-offers></moneylion-generic-offers>

Credit Builder:

<script type="application/javascript" src="https://www.moneylion.com/network/{channel}/credit-builder-embed/web-component/generic-offers/index.js"></script>

<moneylion-generic-offers></moneylion-generic-offers>

Details & Customization

Auto-Sizing

The offers will be rendered wherever you include the <moneylion-generic-offers> </moneylion-generic-offers> or <moneylion-generic-offers/> tag in your page and will responsively scale to fill the space available to it.

Personalized Headings

You may want to accompany the offers 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/generic-offers/index.js"></script>

<moneylion-generic-offers></moneylion-generic-offers>

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

<h1>Embed</h1>

<p>See your offers today</p>

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

<moneylion-generic-offers></moneylion-generic-offers>

Below the list of all the offers, there will be the following text:

https://www.moneylion.com/network/cnbc-ml/credit-builders/iframe