Widgets Library

Building your Widget

1. Choose your widget from the Widget Library and copy its URL

2. Perform replacements

• {{Insert UserId}} => User Id

• {{WidgetName}} => name of the widget

• {{WidgetURL}} => url of your selected widget

1. Embed into your webpage along with Dynamic Sizing Code

<iframe
  id="{{WidgetName}}"
  data-component-id="{{WidgetName}}"
  src="{{WidgetURL}}"
  width="100%"
  scrolling="no"
  frameborder="0"
  style="border: 0; height: auto;"
  allowtransparency="true"
  allowfullscreen
  tabindex="0">
</iframe>

Example

UserId

1fee87d5-cee3-ed11-9f73-6045bd00cb4c

Selected Widget

https://rfm.realfinity.io/#/default/monthlyCost/{{Insert UserId}}

Embed Code

<iframe
  id="monthlyCost"
  data-component-id="monthlyCost"
  src="https://rfm.realfinity.io/#/default/monthlyCost/1fee87d5-cee3-ed11-9f73-6045bd00cb4c"
  width="100%"
  scrolling="no"
  frameborder="0"
  style="border: 0; height: auto;"
  allowtransparency="true"
  allowfullscreen
  tabindex="0">
</iframe>

Result