The Fee Calculator is designed to live on your school’s main website, not on PortalHQ. Parents reach it from your Fees page, your enrolments page, or wherever you put it. Setting that up is a one-time job for whoever runs your website.
The public URL
The calculator is served from a public URL on your PortalHQ domain. The exact URL depends on your school’s PortalHQ subdomain:
https://<your-school>.portalhq.com.au/fee-calculator/front/
No login is required — anyone with the URL can use the calculator. Test it by opening the URL in an incognito window before announcing it.
Embedding options
Option 1 — iframe
The simplest approach. Add an iframe to any page on your website pointing at the calculator URL:
<iframe
src="https://<your-school>.portalhq.com.au/fee-calculator/front/"
width="100%"
height="900"
frameborder="0"
title="Fee Calculator">
</iframe>
Adjust the height so the calculator displays without an internal scrollbar.
Option 2 — direct link
If you don’t want to embed, just link to the calculator from your website. Parents click through and use the calculator on the PortalHQ-hosted page.
This is simpler to maintain but breaks the look-and-feel — parents end up on a page that doesn’t match your website branding unless you’ve set up custom CSS in Calculator Settings.
Option 3 — new tab from a button
A hybrid: link from your website with target="_blank" so the calculator opens in a new tab. Parents stay on your site but get a clean calculator window.
<a href="https://<your-school>.portalhq.com.au/fee-calculator/front/" target="_blank">
Calculate your fees
</a>
Making the embed match your brand
The default calculator styling is functional but generic. To match your website:
- Go to Fee Calculator → Calculator Settings.
- Paste a CSS stylesheet into the CSS stylesheet field.
- Save.
The stylesheet loads inside the calculator page and inside any iframe embed. Common adjustments:
- Font family to match your website.
- Primary colour for buttons and accents.
- Form field padding, border radius and font size.
See Customising the calculator’s appearance, emails and labels for the full list of customisation hooks.
What parents see
A typical session for a prospective parent:
- They land on your website’s fees page.
- They see the calculator embedded (or click through to it).
- They add one child at a time:
- Pick year level.
- Pick entry year (if you’ve configured entry years).
- Pick campus (if multi-campus). - The calculator shows per-child fees with sibling discounts applied.
- Family fees and service charges are added to the total.
- Optionally they enter their name and email to receive a copy of the calculation, optionally with the summary PDF attached.
Mobile
The calculator is responsive — it resizes for mobile screens. If you’re embedding via iframe, set width="100%" and pick a height that works on the smallest screen you support. Parents looking at fees often do so on a phone.
Analytics
If you’re tracking website analytics, note that page views and time-on-page metrics from the embedded iframe may not flow to your main analytics setup. To track actual usage:
- Check the Fee Submissions page in PortalHQ — see Reviewing parent submissions. Every parent who provides an email shows up here.
- If you want raw page view counts on the calculator URL itself, ask your portal admin about adding a tracking script.
Common issues
- Calculator doesn’t load — check that the iframe URL has no typos. The PortalHQ subdomain must match your school’s actual subdomain.
- Calculator is cut off — increase the iframe height.
- Styling looks wrong — check the CSS stylesheet field in Calculator Settings. Bad CSS can break the layout.
- Year levels don’t appear — confirm year-level fees are set up. See Setting up year-level fees.
- Campus dropdown missing — only appears if campuses are configured. See Configuring multi-campus fees.