Lumeo
Knowledge Base

Welcome to Lumeo — let's build your first course

New here? Start with the 5-minute quick start below. Want detail on a specific block or feature? Jump to it from the table of contents on the left.

Quick start (5 minutes)

Follow these steps and you'll have a working course in about five minutes.

  1. Open My Courses. From the dashboard, click + New course. (Optional: create a folder first to keep related courses together.)
  2. Set up the cover. You'll land on the Course Intro page. Give your course a title, upload a banner image, and pick a theme color. Don't overthink it — you can change everything later.
  3. Add a section, then a module. Sections are like chapters; modules are like pages inside each chapter. Click + Section, then + Module inside it.
  4. Open the module. Click Edit → on the module to open the editor. This is where the building happens.
  5. Add your first block. On the left rail, click any block (try Header, then Text) to add it. Or drag a block to drop it exactly where you want.
  6. Preview it. Click Preview in the top toolbar to see exactly what your learners will see.
  7. Publish. When you're happy, click Publish and pick a format — PDF, Web HTML, or SCORM for an LMS.
Good to know: You don't need to save manually. Lumeo saves every change automatically about 2 seconds after you stop typing.

How Lumeo is organised

Once you understand the hierarchy, everything else clicks into place.

📁 Folder → 📚 Course → 📑 Section → 📄 Module → 🧱 Block

  • Folder — optional grouping. Useful if you build many courses (e.g. "Onboarding", "Compliance 2025").
  • Course — the thing you publish. Has its own cover, theme, and settings.
  • Section — a chapter. Groups related modules together in the sidebar.
  • Module — a single lesson or page. This is what you actually edit.
  • Block — a piece of content inside a module — text, image, quiz, video, etc.
Tip: A short course might be one section with three modules. A larger one might have five sections, each with a handful of modules.

Designing your course (Course Intro page)

The Course Intro page is the welcome screen for your learners — and the control panel for how the whole course behaves.

Look & feel

Banner layout

  • Rise — split layout, image on one side, text on the other. Modern and balanced.
  • Apex — text overlaid on a full-width image. Bold and visual.
  • Horizon — classic banner above the title. Simple and reliable.

Branding

  • Logo — appears in the player sidebar.
  • Theme color — used for buttons, accents, and headings.
  • Theme font — applied to all body text.
  • Block title color & player background — for fine-tuning.

How learners progress

Navigation mode

  • Scroll — learners scroll through one long page per module. Best for reading-heavy content.
  • Slide — one block (or group) at a time, with a Continue button. Best for focused, step-by-step lessons.

Tracking mode

  • Completion — pass simply by finishing.
  • Quiz — pass by hitting a score threshold (your Pass mark).
  • Reporting status — what gets sent back to your LMS at the end.

The little things

  • Learning outcomes — bullet list shown above the start button. Tell learners what they'll be able to do.
  • Completion button label — the final CTA at the end of the course (e.g. "Finish", "Submit", "Done").
  • Player features — toggle the sidebar, progress bar, course title, and prev/next buttons on or off.
Tip: Set Navigation mode and Tracking mode early. They affect how every block behaves, so it's easier to design with them in mind.

Using the editor toolbar

The toolbar at the top of the module editor stays visible while you work. Here's what each control does.

Left — where you are

  • Breadcrumb — Home → Course → Module. Click any step to jump up the hierarchy. Your changes are already saved, so it's safe to leave.
  • Module title — click it (or the pencil icon) to rename the module inline. Press Enter to confirm or Esc to cancel.
  • Save status — sits next to the title and reads Saved, Saving…, or Unsaved so you always know where you stand.

Right — what you can do

  • Undo / Redo — step backward or forward through your edits. Or use Ctrl/Cmd+Z and Ctrl/Cmd+Y.
  • Comments — opens the review panel. The red badge shows how many comments are still unresolved.
  • Preview — see exactly what learners will see, including in the navigation mode you've chosen.
  • Publish — keyboard-friendly dropdown to export as PDF, Web HTML, SCORM 1.2, or SCORM 2004.
  • Settings — module-level options like the title, header image, and description.
  • More menu (⋯) — tucks away less-used controls: Upload quality (Auto-compress vs Original) and a quick link to this Help page.
Tip: Hover any icon button to see its name and keyboard shortcut.

Adding & arranging blocks

Blocks are the lego pieces of your course. The left rail in the editor shows everything available, grouped by type.

Click to add

Single click on a block in the rail and it appears at the bottom of your module.

Drag to insert

Drag a block from the rail and drop it between two existing blocks for precise positioning.

Reordering, duplicating, deleting

  • Re-order by dragging the handle on the left of any block.
  • Duplicate a block with the copy icon — useful for repeated layouts.
  • Delete with the bin icon. Don't worry — undo will bring it back.
Tip: You'll need an active module open to add blocks. If the rail looks greyed out, head back and open a module first.

Content blocks

The bread and butter — text, images, video, and other static content.

Header

A standalone title to break up your module.

Use it when
You want a clear section heading or visual divider.
How to set it up
Type the heading, choose H1–H4 for size.
What learners see
Sees a styled heading using your theme color.

Text

A formatted paragraph of rich text.

Use it when
Most of your written content — explanations, intros, summaries.
How to set it up
Type or paste content, then format using the toolbar above the field.
What learners see
Reads the text with all your formatting applied.

Text + Image

Side-by-side text and image.

Use it when
You want a visual to support a paragraph — a screenshot, diagram, or photo.
How to set it up
Add the image, write the text, choose left or right placement and the column ratio.
What learners see
Sees the pair side by side; they stack on phones.

Image

A single full-width image with optional caption.

Use it when
The image is the point — a hero shot, infographic, or full-page diagram.
How to set it up
Upload or pick from your library. Add alt text for accessibility.
What learners see
Can click the image to see it fullscreen in a lightbox.
Heads up
Always set alt text — it's read by screen readers and shown if the image fails to load.

Video

Embedded video, either uploaded or from YouTube/Vimeo/Loom.

Use it when
You have a recorded explanation, demo, or interview.
How to set it up
Upload an MP4 (max 50MB) or paste a video URL. Add a poster image and captions if you have them.
What learners see
Plays the video inline with native controls.
Heads up
For long videos, use a YouTube/Vimeo embed instead of uploading — it's faster for everyone.

Statement / Quote

A highlighted callout for an important statement.

Use it when
A key takeaway, definition, or memorable quote.
How to set it up
Type the statement and an optional attribution.
What learners see
Sees it visually emphasised in your theme color.

List

A bulleted or numbered list, optionally with icons.

Use it when
A set of steps, tips, or grouped items.
How to set it up
Pick the style (bullet/numbered/icon), then add items one by one.
What learners see
Sees a clean, scannable list.

Gallery

A carousel of images with captions.

Use it when
You have multiple images to show — product shots, before/afters, examples.
How to set it up
Upload multiple images, add captions, drag to reorder.
What learners see
Swipes or clicks through; can tap any image to enlarge.

File Attachment

A downloadable resource — PDF, DOCX, slide deck, etc.

Use it when
You want to give learners something to keep, like a worksheet or template.
How to set it up
Upload the file, give it a friendly label and (optionally) a description.
What learners see
Clicks to download; the file opens in a new tab where supported.

Learning Outcomes

A checklist of what the learner will be able to do.

Use it when
At the start of a module to set expectations.
How to set it up
Add each outcome as a single sentence starting with a verb (e.g. 'Identify…', 'Create…').
What learners see
Sees a tidy checklist with check icons in your theme color.

Interactive blocks

Blocks that ask the learner to click, tap, or explore. Great for breaking up long stretches of reading.

Accordion

Collapsible panels — click each to reveal content.

Use it when
You have several related topics that don't all need to be visible at once (FAQs, deep dives, optional detail).
How to set it up
Add panels — each has a title and rich content (text, images, even video).
What learners see
Clicks each panel header to open it.
Heads up
If gating is on (Slide mode), all panels must be opened before the learner can continue.

Tabs

A row of tabs, each with its own panel of content.

Use it when
You're comparing things, or splitting parallel topics (e.g. 'For Managers' vs 'For Team Members').
How to set it up
Add tabs — each has a label and content.
What learners see
Clicks tabs to switch between them. With gating, every tab must be visited.

Labelled Graphic

An image with clickable hotspots.

Use it when
Explaining parts of a diagram, screenshot, or photograph.
How to set it up
Upload your image, then click on it to drop pins. Each pin has a label and a popup with content.
What learners see
Clicks each pin to reveal more information.

Process

A step-by-step explainer; learners advance one step at a time.

Use it when
Teaching a procedure, workflow, or sequence.
How to set it up
Add steps in order, each with a title and description.
What learners see
Clicks Next to walk through. Must reach the end to mark the block complete.

Quiz & assessment blocks

Blocks that test understanding. Use them on their own for practice, or combine with Quiz tracking mode for graded assessments.

Common settings on every assessment block

  • Points — how much a correct answer is worth (used in Quiz tracking mode).
  • Practice mode — feedback only. No points, no gating. Good for low-stakes learning checks.
  • Require passing to move forward — learners can't continue past the block until they answer correctly.
  • Feedback — short messages shown after answering, separate for correct vs incorrect.

Multiple Choice

A question with one or more correct answers.

Use it when
Standard knowledge checks.
How to set it up
Write the question, add options, mark which are correct, and write feedback.
What learners see
Selects answer(s), submits, sees feedback. Can retry.

True / False

A statement to evaluate as true or false.

Use it when
Quick checks of simple facts or common misconceptions.
How to set it up
Write the statement, pick the correct answer, add feedback.
What learners see
Picks True or False, sees feedback.

Sorting

Drag items into the correct order.

Use it when
Sequencing, ranking, or chronological understanding.
How to set it up
Write the prompt and add items in the correct order — Lumeo shuffles them for the learner.
What learners see
Reorders by drag-and-drop, then submits.

Matching

Pair items from two columns.

Use it when
Vocabulary, terms-and-definitions, or concept-to-example matching.
How to set it up
Add pairs (left ↔ right). Lumeo shuffles the right column for the learner.
What learners see
Drags or selects to match each pair, then submits.

Layout blocks

Used to structure or pace your module. They don't carry content of their own.

Divider

A visual or functional break between blocks.

Use it when
In Scroll mode, to add visual breathing room. In Slide mode, to split a long module into separate slides.
How to set it up
Add the divider, optionally give it a label, and (in Slide mode) toggle 'Require completion' to gate progression.
What learners see
In Scroll mode, sees a styled separator. In Slide mode, the divider becomes a slide break — they click Continue to advance.
Heads up
In Slide mode, every divider creates a new slide. Plan your dividers — they shape the entire learning flow.

Formatting text

Most content blocks include a rich-text editor with everything you'd expect from a standard word processor.

  • Font family and size (12px–32px)
  • Text color picker
  • Bold, italic, underline
  • Alignment (left, center, right, justify)
  • Bulleted and numbered lists
  • Hyperlinks (with safe target/rel handling)
  • AI text assist — generate or rewrite passages from a prompt
Tip: You can paste from Word, Google Docs, or web pages — Lumeo cleans up the formatting automatically. If something looks off, select the text and use Clear formatting.

Uploading images & video

Lumeo handles the optimisation for you so your courses load fast on every device.

Images

  • Max file size: 20 MB
  • Auto-compressed to 1920px wide JPEG (quality 0.82)
  • Use Original quality if you need pixel-perfect (e.g. screenshots with fine text)

Video

  • Max upload size: 50 MB MP4
  • For longer videos, embed from YouTube, Vimeo, or Loom
  • Embeds keep your course package tiny and stream reliably
Good to know: All assets are stored in cloud storage — nothing huge is embedded into your course file, so saving and exporting stays fast.

Using AI assist

Two AI tools are built in to speed up authoring. Both work from a short prompt and give you a draft you can edit.

AI text

Appears in any rich-text field. Click the wand, describe what you want, and Lumeo drafts it for you.

Try: "Write a 3-sentence intro explaining what active listening is."

AI image

Appears wherever you can pick an image. Generate a unique illustration or photo from a prompt.

Try: "Flat illustration of two people having a coffee meeting, soft pastel palette."

Tip: Generated assets are saved to your account so you can re-use them across courses.

Sharing for review

Get feedback from colleagues or stakeholders without giving them an editor account.

  1. From the Course Intro toolbar, open Review.
  2. Generate (or copy) a shareable review link.
  3. Send the link. Reviewers open it in their browser — no sign-in required.
  4. They can leave comments per module or per block, and reply to threads.
  5. Inside the editor, the Comments badge shows unresolved threads. Mark them resolved as you address each one.
  6. You'll get an email notification whenever a new comment is posted.
Tip: Use comments instead of a separate spreadsheet of feedback — it keeps every note attached to the exact block it's about.

Publishing your course

When you're ready to share, click Publish in the toolbar and pick a format. Each format suits a different use case.

PDF

Opens a print-ready view in your browser. Use your browser's Print → Save as PDF to download.

Best for: handouts, offline reading, accessibility backup.

Web HTML

A single self-contained HTML file with media and styles built in. Drop it on any web host (or open it locally) and it just works.

Best for: intranets, simple websites, sharing as a file.

SCORM 1.2

A zip package compatible with most LMS platforms. Reports completion (and score, in Quiz mode) back to the LMS.

Best for: uploading to Moodle, Cornerstone, TalentLMS, etc.

SCORM 2004

Modern SCORM variant with richer status reporting. Use this if your LMS supports it (most newer ones do).

Best for: modern LMS platforms that prefer SCORM 2004.

Good to know: Gating, scoring, and pass-mark settings from the Course Intro page are honoured in every export — what you preview is what learners get.

Auto-save & undo

There's no save button. Lumeo handles it for you, and undo is always there if you change your mind.

  • Auto-save runs about 2 seconds after your last edit.
  • The status pill in the toolbar reads Saved, Saving…, or Unsaved so you always know where you stand.
  • Undo / Redo works across the whole editing session.
  • If you try to close the tab while changes are still being saved, your browser will warn you first.

Keyboard shortcuts

UndoCtrl/Cmd + Z
RedoCtrl/Cmd + Y

Frequently asked questions

Why does sign-up require an invite code?

Lumeo is currently invite-only. Use the code provided to you when registering. If you don't have one, contact your account owner or get in touch with us.

Why won't a learner move past a block?

The block almost certainly has gating enabled. That's either an interactive block that needs full interaction (e.g. all accordion panels opened, every tab visited) or an assessment with Require passing to move forward turned on. Open the block's settings to check.

Why does my image look softer than the original?

Auto-compression resizes uploads to 1920px wide JPEG at quality 0.82 — perfect for the web, but it does smooth fine detail. Switch the toolbar toggle to Original quality before uploading the image again to keep the source untouched.

Where do I disable auto-compression?

In the module editor toolbar, find the Auto-compress / Original quality switch. It applies to every upload from that point on (in the current session).

Can I change the navigation mode after I've built a course?

Yes — flip between Scroll and Slide on the Course Intro page at any time. Slide mode uses your dividers as slide breaks, so you may need to add or remove dividers afterwards to fit.

What's the difference between Practice mode and a regular quiz block?

Practice mode shows feedback but doesn't award points or gate progression — perfect for low-stakes learning checks. Without Practice mode, the block contributes to the overall score and (optionally) blocks progress until passed.

Still stuck? Leave a comment in your course or contact support — we're happy to help.

Back to My Courses