πŸ“± How to Use Widget

Simple guide to embed calculator widget in your website

πŸŽ₯ Video Guide
1 Use Widget URL with Your Values

Use the widget URL directly and add your calculation values as URL parameters.

Base Widget URL:
https://sip-calculator.net/sip-calculator-widget/
or
https://sip-calculator.net/emi-calculator-widget/
or
https://sip-calculator.net/fd-calculator-widget/
or
https://sip-calculator.net/step-up-sip-calculator-widget/
or
https://sip-calculator.net/swp-calculator-widget/

Add Parameters: Append ? followed by parameter values:

Example with Values:
https://sip-calculator.net/sip-calculator-widget/?investmentAmount=25000&returnRate=12&timePeriod=10&currency=INR
or
https://sip-calculator.net/emi-calculator-widget/?loanAmount=2000000&interestRate=9.5&loanTenure=25&currency=INR
or
https://sip-calculator.net/fd-calculator-widget/?depositAmount=1000000&interestRate=8.5&tenure=20&currency=INR
or
https://sip-calculator.net/step-up-sip-calculator-widget/?investmentAmount=25000&stepUpRate=10&returnRate=12&timePeriod=10&currency=INR
or
https://sip-calculator.net/swp-calculator-widget/?initialCorpus=1000000&monthlyWithdrawal=10000&returnRate=12&timePeriod=20&currency=INR

Available Parameters for SIP Calculator:

  • investmentAmount - Monthly investment amount (e.g., 25000)
  • returnRate - Expected return rate per annum (e.g., 12)
  • timePeriod - Investment period in years (e.g., 10)
  • currency - Currency code (e.g., INR, USD, EUR)

Available Parameters for EMI Calculator:

  • loanAmount - Loan amount (e.g., 1000000)
  • interestRate - Interest rate per annum (e.g., 8.5)
  • loanTenure - Loan tenure in years (e.g., 20)
  • monthlyEMIInput - Monthly EMI amount (optional, e.g., 8718)
  • currency - Currency code (e.g., INR, USD, EUR)

Available Parameters for FD Calculator:

  • depositAmount - Deposit amount (e.g., 1000000)
  • interestRate - Interest rate per annum (e.g., 8.5)
  • tenure - Tenure in years (e.g., 20)
  • currency - Currency code (e.g., INR, USD, EUR)

Available Parameters for Step Up SIP Calculator:

  • investmentAmount - Initial monthly investment amount (e.g., 25000)
  • stepUpRate - Step up rate per annum (e.g., 10)
  • returnRate - Expected return rate per annum (e.g., 12)
  • timePeriod - Investment period in years (e.g., 10)
  • currency - Currency code (e.g., INR, USD, EUR)

Available Parameters for SWP Calculator:

  • initialCorpus - Initial corpus/investment amount (e.g., 1000000)
  • monthlyWithdrawal - Monthly withdrawal amount (e.g., 10000)
  • returnRate - Expected return rate per annum (e.g., 12)
  • timePeriod - Time period in years (e.g., 20)
  • currency - Currency code (e.g., INR, USD, EUR)

Example with Different Values:

https://sip-calculator.net/sip-calculator-widget/?investmentAmount=50000&returnRate=15&timePeriod=20&currency=INR
https://sip-calculator.net/emi-calculator-widget/?loanAmount=2000000&interestRate=9.5&loanTenure=25&currency=INR
2 Embed in Your Website

Use the widget URL as the src attribute in an iframe tag on your website.

πŸ“Š SIP Calculator Iframe Code:
<iframe src="https://sip-calculator.net/sip-calculator-widget/?investmentAmount=25000&returnRate=12&timePeriod=10&currency=INR" width="100%" height="1200px" frameborder="0" style="border: none;" ></iframe>
πŸ’° EMI Calculator Iframe Code:
<iframe src="https://sip-calculator.net/emi-calculator-widget/?loanAmount=1000000&interestRate=8.5&loanTenure=20&currency=INR" width="100%" height="1200px" frameborder="0" style="border: none;" ></iframe>
🏦 FD Calculator Iframe Code:
<iframe src="https://sip-calculator.net/fd-calculator-widget/?depositAmount=1000000&interestRate=8.5&tenure=20&currency=INR" width="100%" height="1200px" frameborder="0" style="border: none;" ></iframe>
πŸ“ˆ Step-up SIP Calculator Iframe Code:
<iframe src="https://sip-calculator.net/step-up-sip-calculator-widget/?investmentAmount=25000&stepUpRate=10&returnRate=12&timePeriod=10&currency=INR" width="100%" height="1200px" frameborder="0" style="border: none;" ></iframe>
πŸ’Έ SWP Calculator Iframe Code:
<iframe src="https://sip-calculator.net/swp-calculator-widget/?initialCorpus=1000000&monthlyWithdrawal=10000&returnRate=12&timePeriod=20&currency=INR" width="100%" height="1200px" frameborder="0" style="border: none;" ></iframe>
3 Customize Iframe (Optional)

You can customize the iframe dimensions and styling:

<iframe src="https://sip-calculator.net/emi-calculator-widget/?loanAmount=1000000&interestRate=8.5&loanTenure=20&currency=INR" width="100%" height="1200px" frameborder="0" scrolling="no" style="border: none; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.1);" ></iframe>

Recommended settings:

  • width="100%" - Makes it responsive
  • height="auto" - Automatically adjusts to content height
  • frameborder="0" - Removes border
  • scrolling="no" - Prevents scrollbar
πŸ’‘ Pro Tip:

You can change the parameter values in the URL to set different default values for your embedded calculator. Users can still modify these values directly in the calculator, and the URL will update automatically when they use the share feature!

← Back to Home