Paste-in widgets

How it works

Plenty of careers teams can’t upload anything to a web server. These tools remove that step: write your content, copy what comes out, paste it where you want it. Nothing to upload, no account to create.

1Write your contentIn the builder, with a live preview beside you.
2Copy what it gives youA block of code, or a ready-made embed tag.
3Paste it anywhereYour careers platform, SharePoint, Canvas, Blackboard, Moodle.

Two kinds, and the difference matters

Paste the code gives you a block of code that is the whole thing. It depends on nobody, including this site, but you can’t edit it afterwards from here.

Paste a link gives you a link to a page hosted here, with your content packed inside the link. Those can be edited later and do far more, but they need this site to be up. If that’s a problem, take a copy: every file is plain HTML that will sit on any static hosting.

Paste the code

What you copy is the entire thing: markup and styling, no JavaScript, nothing loaded from anywhere. It keeps working whatever happens to this site. To change it, 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

Build 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 and 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

Build it

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

Build it

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

Your content is packed into the link itself, after the #. That part of an address never leaves the browser, so it is never sent to this server and never appears in any log here. Edit one later by pasting the link back into its builder.

Guess and 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

Build it Open the example

Live example: try it

Do’s and 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

Build it Open the example

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

Build it Open the example

Live example: try it

Coming next

Same pattern, same three steps. None of these is ready yet; they’re listed so you know what’s coming rather than building a workaround.

Card sort. Rank or bucket a set of cards.
Scenario tree. Choices with consequences.
Self-assessment sliders. Rate yourself, get a profile.
Action plan builder. Prompts in, formatted text out.
Checklist. A tickable prep list with a progress bar.
Step-by-step timeline. One panel at a time.

Using these in a pathway activity

Nothing is sent anywhere, so a widget can’t report a score back on its own. Where it matters, turn on the option that gives students their answers as text to copy, and pair the embed with a reflection or evidence field in the same activity. Your platform does the recording; the widget does the thinking.