Embeds

Integrate Embed on your Site

Embeds (i.e., embeddable widgets) provide access to Engine by Money Lion'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.

The Embed Code

Engine by MoneyLion provides unique Embed code during onboarding, including the following partner-specific elements:

  • “subaccountname” is the name of the specific integration

  • “access_token” is a unique string that gives the Embed access to Engine by MoneyLion's API

  • “company_uuid” is a unique back-end identifier to which data and conversions will be tied in Engine by MoneyLion's reporting systems

Embed Code - Javascript Example

The embed requires two snippets of code to be added on your site: the helper script and the embed iframe itself.

The helper script is shown below and is the same for all partners, it should be placed before the closing </head> tag.

<script type="text/javascript" src="https://embed.hifiona.com/script/helper/bundle.js">
<script/>

Then, wherever you would like to put the actual embed, use the snippet generated by control center. It will look like the following:

<div>
    <iframe class="even-iframe" id="iFrameResizer0" scrolling="no" src="https://embed.hifiona.com/ui/multi-product/index.html?partner=subaccountname&access_token=accesstoken&company_uuid=82255029-c6ca-4f2d-61e8-794akb30ea6a&productType=loan&pw_fiona=true&available_products=loan" style="width: 100%; border: none;"></iframe>
</div>

Implementing the Embed Code

To implement the Embed code, paste the provided iFrame code onto the source code of the web page or mobile app. The code is not intended to be used as a web page, it is an extension or plug-in on a web page or app. The responsiveness of the iFrame will largely depend on the development of the page. It is possible to add additional inline styling to make changes to the iFrame.

And that's it!

What's next?

Now that you have the baseline installation complete, you can customize the embed to match your brand's styles, optimize the journey for your users, and send data properties to learn more and optimize your funnel.

Last updated