Free IELTS widgets for your website

Optional: let the widget set its own height

The code above uses a fixed height that fits the widget on most screens. If you want the frame to grow and shrink with its content (for example when a student opens the rounding explanation), add this script once per page, anywhere after the iframe. It only listens for height messages from our widgets and changes nothing else.

<script>
window.addEventListener("message", function (event) {
  if (event.origin !== "https://www.ielts.international") return;
  var data = event.data;
  if (!data || data.type !== "ielts-international:embed-resize" || typeof data.height !== "number") return;
  var frames = document.querySelectorAll('iframe[src^="https://www.ielts.international/embed/"]');
  for (var i = 0; i < frames.length; i++) {
    if (frames[i].contentWindow === event.source) {
      frames[i].style.height = Math.ceil(data.height) + "px";
    }
  }
});
</script>

Options

Add these to the end of the widget address. The builders above write them for you.

theme=light | dark

Light is the default.

accent=0f766e

Your brand colour as a 3- or 6-digit hex code, with or without the #. Colours too faint to read on the chosen theme are replaced by the default.

lang=hi

Widget labels in one of the site's languages, where those labels already exist on IELTS.international; anything else shows English. The credit line stays in English.

test=toefl | pte | duolingo | cefr

Converter only: which test is selected when the widget loads.

Privacy and terms