Hostless Widgets

Interactive activities with nothing to upload.

Interactive activities when IT will not let you host files

Plenty of careers teams cannot upload anything to a web server. These tools remove that step. You write your content, copy what comes out, and paste it where you want it. There is nothing to upload and no account to create.

1 Write your content In the builder, with a live preview beside you.
2 Copy what it gives you A block of code, or a ready-made iframe tag.
3 Paste it anywhere Your careers platform, SharePoint, Canvas, Blackboard, Moodle.

They come in two kinds, and the difference matters. One kind gives you a block of code that is the whole thing — it depends on nobody, including us. The other kind gives you a link to a page we host, with your content packed inside the link itself; those are editable later and can do far more, but they need this site to be up. If that is a problem, take a copy: every file is plain HTML that will sit on any static hosting.

Paste the code — nothing hosted at all

What you copy is the entire thing: markup and styling, no JavaScript, nothing loaded from anywhere. Paste it into a pathway activity and it keeps working whatever happens to this site. The trade is that you cannot edit it afterwards from here — to change it you build a new one and swap the code over.

Pop-up Modal

A button that opens a dialog over the page. Uses a hidden checkbox instead of JavaScript, so it survives the security filters that strip scripts out of most LMS and CRM platforms.

  • A tip or an aside that would clutter the activity if left on the page
  • Terms, eligibility notes, the long version of a short answer
  • Anywhere you want detail available without making everyone read it
Live example — try it

Worth knowing before you use one: the Escape key will not close it, and focus is not held inside the dialog. Both need JavaScript. For a tip that is fine; for something a student must read, put it on the page instead.

Tabs & Accordions

Expanding sections that never change height. A normal accordion grows the page when it opens, and where the activity container is measured once at load, the grown content spills over the Submit button. These do not.

  • Long guidance split into sections without a wall of text
  • Parallel options: CV, covering letter, application form
  • A run of frequently asked questions
Live example — try it

Click between the sections — the box stays exactly the same height whichever one is showing, because it is always as tall as the longest.

Self-Marking Quiz

Two-choice questions that mark themselves as students answer, with an explanation after each one and a score at the end. No JavaScript, and it never changes height.

  • Spot the scam — judging job adverts as genuine or fraudulent
  • True or false, myth or fact, appropriate or not
  • Any check-your-understanding step inside a longer activity
Live example — try it

Nothing is recorded — it marks itself in the student’s browser and keeps nothing, so pair it with a reflection field if you need evidence.

Paste a link — we host the page

Your content is squashed down and packed into the link itself, after the # — a part of a web address that never leaves the browser, so it is never sent to this server and never appears in any log here. You paste an iframe. These can be edited later by pasting the link back into the builder.

Guess & Reveal

Students commit to an answer before they see the truth. The gap between what they expected and what is real is what makes the point stick — far better than simply telling them.

  • Myth-busting: the hidden job market, application volumes, salary reality
  • Judging a sample interview answer, CV line or email out of five
  • Showing what last year’s cohort said, from your own survey data
Live example — try it

Do’s & Don’ts

A grid of statements. Students decide for themselves whether each one is good practice or a mistake, then tap to find out. A list of rules gets skimmed; a card you have to commit to does not.

  • Interview conduct, application etiquette, employer emails
  • Placement and workplace behaviour
  • Anything you would otherwise write as a bulleted list of rules
Live example — try it

Flip Cards

A deck of cards with a prompt on the front and the answer on the back. The quiet workhorse: it turns a wall of guidance text into something students actually click through.

  • Interview questions with a worked STAR(R) answer on the back
  • Common questions about placements, applications or visas
  • Jargon and what it actually means
Live example — try it

Being built next

Same pattern, same three steps. Nothing here is ready yet — it is listed so you know what is coming rather than building a workaround for it.