Tuition Calculator Widget

Estimate Program Tuition, Fees, and Aid on Your Website

Create an education cost calculator that uses configurable program rates, student type multipliers, credit hours, semesters, years, fees, scholarships, and aid to show a live total after aid.

Create Your Tuition Calculator Widget - It's Free!

Estimate Program Tuition, Fees, and Aid on Your Website

How to embed Tuition Calculator Widget to WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform Website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Learn more

Start With Real Calculator Inputs

Configure the fields visitors actually use: program, student type, credit hours, semesters per year, and years of study.

Input controls include:

Program ratesStudent multipliersCredit hoursSemesters per yearYears of study

Build Your Calculator

Display Live Tuition Totals

Show tuition per semester, annual tuition, total tuition, total fees, scholarship or aid, total after aid, and the cost chart.

Result details:

Semester tuitionAnnual tuitionTotal tuitionTotal feesAid total

Preview the Result

Use Comparison and Reset Actions

Let visitors add estimates to a comparison table and reset selections back to the configured defaults.

Action controls:

Add to comparisonResetComparison tableSaved scenarios

Choose Actions

Design It for Desktop and Mobile

Customize columns, result position, width, corner radius, style preset, surface colors, input colors, result colors, chart colors, branding, custom CSS, and device visibility.

Style controls include:

Field columnsResult positionWidget widthStyle presetsDevice visibility

Style Your Widget