Credit Card Calculator Widget

Best Calculator : Widgets > Credit Card Calculator Widget

It's easy to integrate credit card calculator widget on your own website. The code below is pure HTML, and do not depend on a specific server language.

Simply find a design that fits your need, copy the code, and paste it into the HTML of your site.

If you find integrating HTML code inconvenient, please try placing a simple hyperlink instead.

If you have any question or suggestion, send an email to:
We will replay to all emails as soon as possible.

Credit Card Minimum Payment Calculator:

Credit Card Minimum Payment Calculator
1. Current Balance:
2. Interest Rate (APR):	%
3. Components of Minimum Payment:
a. Percentage of Balance:
b. Minimum Amount:

300px wide

HTML Code:

<div style="border: #C9CED1 solid 2px; padding: 5px; width: 300px;">
	<form name="minimumform" method="post" action="http://www.best-calculator.com/finance/credit-card-minimum-payment.php" target="_blank">
		<table style="font-size: 12px; text-align: left; border: none;">
			<tr>
				<td colspan="2">
					<a href="http://www.best-calculator.com/finance/credit-card-calculator.html" style="text-decoration: none; font-size: 14px;">Credit Card Minimum Payment Calculator</a>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold;">1.</span> Current Balance:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="balance" type="text" value="3000" size="10" style="width: 60px;"/>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold;">2.</span> Interest Rate (APR):
				</td>
				<td style="padding-bottom: 5px;">
					<input name="apr" type="text" value="17.00" size="10" style="width: 60px;"/> %
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<span style="color: #9C0000; font-weight: bold;">3.</span> Components of Minimum Payment:
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold; padding-left: 30px;">a.</span> Percentage of Balance:
				</td>
				<td style="padding-bottom: 5px;">
					<select name="minimumpayment">
						<option value="0.01">interest + 1%</option>
						<option value="0.02">2%</option>
						<option value="0.0208">2.08%</option>
						<option value="0.025">2.5%</option>
						<option value="0.0278">2.78%</option>
						<option value="0.03" selected="selected">3%</option>
						<option value="0.035">3.5%</option>
						<option value="0.04">4%</option>
						<option value="0.045">4.5%</option>
						<option value="0.05">5%</option>
					</select>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold; padding-left: 30px;">b.</span> Minimum Amount:
				</td>
				<td style="padding-bottom: 5px;">
					<select name="minimumamount">
						<option value="10">10</option>
						<option value="15">15</option>
						<option value="20">20</option>
						<option value="25" selected="selected">25</option>
						<option value="30">30</option>
					</select>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<input type="submit" value="Calculate"/>
				</td>
			</tr>
		</table>
	</form>
</div>

Credit Card Payoff Calculator:

320px wide

HTML Code:

<div style="border: #C9CED1 solid 2px; padding: 5px; width: 320px;">
	<form name="payoffform" method="post" action="http://www.best-calculator.com/finance/credit-card-payoff.php" target="_blank">
		<table style="font-size: 12px; text-align: left; border: none;">
			<tr>
				<td colspan="2">
					<a href="http://www.best-calculator.com/finance/credit-card-calculator.html" style="text-decoration: none; font-size: 14px;">Credit Card Payoff Calculator</a>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold;">1.</span> Current Balance:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="balance" type="text" value="3000" size="10" style="width: 60px;"/>
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold;">2.</span> Interest Rate (APR):
				</td>
				<td style="padding-bottom: 5px;">
					<input name="apr" type="text" value="17.00" size="10" style="width: 60px;"/> %
				</td>
			</tr>
			<tr>
				<td colspan="2" style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold;">3.</span> Enter one of the following:
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold; padding-left: 30px;">a.</span> Desired Months to Pay Off:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="months" type="text" value="" size="10" style="width: 60px;"/> months
				</td>
			</tr>
			<tr>
				<td colspan="2" style="padding-bottom: 5px; font-size: 14px; font-weight: bold; padding-left: 100px; color: #9C0000;">
					OR
				</td>
			</tr>
			<tr>
				<td style="padding-bottom: 5px;">
					<span style="color: #9C0000; font-weight: bold; padding-left: 30px;">b.</span> Desired Monthly Payment:
				</td>
				<td style="padding-bottom: 5px;">
					<input name="monthlypayment" type="text" value="" size="10" style="width: 60px;"/>								
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<input type="submit" value="Calculate"/>
				</td>
			</tr>
		</table>
	</form>
</div>

Credit Card Payoff Calculator
1. Current Balance:
2. Interest Rate (APR):	%
3. Enter one of the following:
a. Desired Months to Pay Off:	months
OR
b. Desired Monthly Payment: