Embed Our Calculator Widget
We offer a powerful and user-friendly calculator widget that can be easily integrated into your website. The widget provides your customers with a seamless experience to understand and customize their pension plans through an interactive simulation graph.
Integration Guide
You can integrate our calculator widget into your website as an <iframe> using the following URL:
<iframe
src="https://example.com/widgets/calculator"
width="100%"
height="800px"
frameborder="0"
></iframe>
URL Parameters
The widget can be initialized with default values using URL parameters. Here are the supported parameters:
| Parameter | Default | Options | Description |
|---|---|---|---|
| graphType | preTax | postTax, preTax | Initializes the widget with the selected graph type. Users can still switch between graphs. |
| initialPayment | 0 | - | Initial payment amount at policy start |
| monthlyPayment | 100 | min = 30 | Monthly payment amount |
| riskLevel | high | high, medium, low | Initial risk level selection (high: 9%, medium: 6%, low: 3%) |
| currentAge | 25 | min = 18, max = 55 | Customer's current age |
| startInXYears | 0 | - | Initializes with start year difference comparison graph if > 0 |
| ageWhenPolicyEnds | 67 | 67, 75, 85 | Expected policy end age |
Example Usage
Here's an example of embedding the calculator with some predefined parameters:
<iframe
src="https://example.com/widgets/calculator?graphType=postTax&monthlyPayment=150&riskLevel=medium¤tAge=30"
width="100%"
height="800px"
frameborder="0"
></iframe>
Customization
The widget automatically adapts to your website's layout and provides a responsive experience across different screen sizes. The height can be adjusted based on your needs by modifying the height attribute of the iframe.