Publish date:

Financial Embed Examples

A couple financial calculators, just for fun...

Hello Alexa, this "Too Much Debt" Javascript embed code/demo can be found here: https://www.practicalmoneyskills.com/resources/financial_calculators/credit_debt/too_much_debt#void

You can try it yourself by pasting the below into a Tempest Article embed component (</>). Note: src URL must be changed to https - oversight by Practical Money Skills.

<script type="text/javascript" src="http://www.practicalmoneyskills.com/assets/js/calcs/embed.js" data-calc="too_much_debt" data-locale="us_en"></script>


The Practical Money Skills website has many other Financial Calculators you can use to test/experiment and learn embeds. Click the "Embed this calculator <>" link at the bottom to view the Javascript. All should work with Tempest.

This is the Javascript that runs all their calculators: https://www.practicalmoneyskills.com/assets/js/calcs/embed.js
They just pass in a "data-cal" parameter to identify which specific calculator to run, e.g. "bonus_taxes."

Recommended Articles

Below is another to calculate how much your bonus (after taxes) really is. : )

<script type="text/javascript" src="https://www.practicalmoneyskills.com/assets/js/calcs/embed.js" data-calc="bonus_taxes" data-locale="us_en"></script>

Below is an example of a simple iFrame embed. Styling and other variables can be set via iFrame CSS/parameters. iFrame code can be much larger than this.

Tempest iFrame requirement: Width and Height MUST be provided AND be HTML parameters (not CSS properties). Width can be a percentage (100%). Frequently Publishers add Width/Height parms manually as some embed makers provide only CSS.

<iframe src="https://open.spotify.com/embed/album/6ZeoKX4jKTsK4PjLOznGDq" width="500" height="380" frameBorder="0" allowtransparency="true" allow="encrypted-media"></iframe>

Recommended Articles

Video of the Day