Embeds

Embed our pre-designed experience for a quick go-to-market strategy.

Embeds (i.e., embeddable widgets) provide access to Fuap 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

Fuap provides unique Embed code during onboarding, including the following partner-specific elements:

• “accountname” is the name of the specific integration

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

• “company_uuid” is a unique back-end identifier to which data and conversions will be tied in Fuap'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.fuap.com/script/helper/bundle.js"/>

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.fuap.com/ui/multi-product/index.html?partner=subaccountname&access_token=accesstoken&company_uuid=82255029-c6ca-4f2d-61e8-794akb30ea6a&productType=loan&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. Updates will soon be able to made in your Fuap Dashboard

---

Embeds support adding unique Client Tags to track performance of specific campaigns or users. All Client Tag data is attributed to the lead level.

Client Tags can be added to reports by adding the following appends in the source URL of the Embed:

?tag.key_1=value_1&tag.key_2=value_2