Embed Body Corporate Fee Data on Your Website

If you run a real estate, conveyancing, strata management, or property research website, your visitors are already asking the same question: How much are body corporate fees in this suburb?

Now you can answer that question directly on your site - without building anything from scratch. Our free embeddable widget displays suburb-level fee summary data (average, median, lowest, and highest annual fees) in a compact, self-contained card that works on any website.

No API keys. No backend changes. Just two lines of HTML.

What the Widget Shows

The widget displays a summary of body corporate fee data for a given suburb:

• Average annual fee
• Median annual fee
• Lowest reported fee
• Highest reported fee
• Number of contributions the data is based on
• A "Get Premium Report" button linking to the full suburb breakdown on BodyCorporateFees.com

If the suburb doesn't have enough data yet (below the contribution threshold), the widget shows a clear message explaining that more contributions are needed.

Two Ways to Use It

1. Suburb-Specific Widget

If you already know which suburb you want to display, hardcode it into the HTML. The widget loads pre-populated with that suburb's data - no user interaction required.

<div data-bcf-widget data-suburb="east-perth" data-state="wa"></div>
<script src="https://bodycorporatefees.com/widget-embed.js" async></script>

Use data-suburb with the suburb name in lowercase, hyphen-separated (e.g., kangaroo-point, surfers-paradise, bondi-beach).

Use data-state with the lowercase state code: qld, nsw, vic, sa, wa, act, tas, nt.

2. Search Mode Widget

If you want visitors to search any suburb themselves, omit the data attributes. The widget renders a search bar with autocomplete across all Australian suburbs.

<div data-bcf-widget></div>
<script src="https://bodycorporatefees.com/widget-embed.js" async></script>

This is useful for general property portals or resource pages where visitors might be researching different areas.

How It Works (Technical Details)

The widget loads inside an iframe hosted on bodycorporatefees.com. This means:

• No CSS conflicts - the widget's styles are completely isolated from your site's design
• No JavaScript conflicts - it runs in its own sandboxed environment
• No CORS or API setup - data requests happen within the iframe, same-origin to our servers
• Automatic resizing - the iframe height adjusts dynamically to fit the content, so it won't leave blank gaps or cause scrollbars

The embed script (embed.js) is small (~2 KB), loads asynchronously, and does not block your page rendering.

Multiple Widgets on One Page

You can place multiple widgets on the same page. Each one operates independently:

<div data-bcf-widget data-suburb="east-perth" data-state="wa"></div>
<div data-bcf-widget data-suburb="glenelg" data-state="sa"></div>
<div data-bcf-widget data-suburb="bondi-beach" data-state="nsw"></div>

<!-- Only include the script once -->
<script src="https://bodycorporatefees.com/widget-embed.js" async></script>

You only need to include the embed.js script once - it automatically finds and initialises all [data-bcf-widget] elements on the page.

Who Should Use This?

• Real estate agencies - add fee context to suburb profiles or property listings
• Conveyancers and solicitors - give clients quick fee benchmarks alongside contract reviews
• Strata managers - show owners how their building compares to the suburb average
• Property research sites - enrich suburb data pages with real fee information
• Financial advisors - help investors factor in ongoing costs when evaluating properties
• Body corporate committees - embed on your building's website to show where you sit relative to the suburb

Frequently Asked Questions

Is it free?

Yes. The widget is completely free to use on any website. There are no usage limits, no API keys, and no registration required.

Does the widget slow down my site?

No. The embed script loads asynchronously and weighs roughly 2 KB. The iframe content loads independently and does not affect your page's rendering performance.

Can I style the widget to match my site?

The widget has a clean, neutral design that works well on most sites. Because it runs inside an iframe, its internal styles can't be overridden from your CSS - but this also means it won't accidentally break your layout.

What happens when someone clicks "Get Premium Report"?

It opens the full premium report page on BodyCorporateFees.com in a new tab. No payment or interaction happens inside the widget itself.

Do I need to update the embed code?

No. The widget is served from our domain, so improvements and data updates happen automatically. Your embed code stays the same.

Get Started

Copy one of the snippets above, paste it into your HTML, and you're done. If you have questions or want to discuss a custom integration, reach out at [email protected].