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.
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
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.
Then, whereever you would like to put the actual embed, use the snippet generated by control center. It will look like the following:
<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>
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!
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.