Edit Training Modules with the new Module Editor (Beta)

The new module editor experience is currently only available for modules generated with the new AI Content Creator. Soon, all modules will use this editor.

Modules are organized into sections and frames.

A section is a chapter of the module. A frame is a single screen a learner sees. Most edits happen at the frame level.

Frames have three main building blocks: layouts, containers, and blocks.

A layout is the structure of a frame. It defines how the canvas is split up (for example: header + two columns, or two equal columns).

If the content feels cramped or unbalanced, changing the layout is usually the fastest fix.

Containers are the regions inside a layout (for example: left column and right column). You can edit containers independently, which is useful when you want contrast or visual separation.

Common container controls include background color, alignment, and other styling options.

Blocks are the actual content you add inside a container, like text, images, video, audio, lists, and quizzes.

You can click directly on the frame to edit blocks inline, or use the right panel when you need more precise controls.

To add content, click Add block in a container and choose what you want to insert.

To reorganize, drag and drop blocks within a container, or move them across containers.

Duplicating a block is useful when you want to repeat a pattern (for example, a consistent card style across multiple frames) and only change the text or image.

Deleting removes the selected block from the frame.

If you want to expand a module, you can add new frames and sections.

Add a frame when you want another learner screen. You can also duplicate an existing frame if you want to keep the same structure and styling, or even copy/paste an entire frame from any existing module.

Add a section when you want a new chapter (for example, a final takeaways section). Sections and frames can be reordered any time.

Each frame has settings that control how it behaves and how it looks in the learner experience.

Common settings include:

A quick rule for mobile color mode: if the frame background is dark, switch to dark mode so text and progress indicators stay readable.

You can set a frame background and/or a container background using:

Image and video backgrounds include extra controls like mask color, blur, brightness, contrast, hue rotation, and saturation. If text readability is the priority, a subtle mask or blur usually helps.

There is a mix of basic content blocks and more interactive blocks. You don’t need to memorize these. Most admins start with text + images, then add interactivity where it helps reinforce learning.

Text, Image, Video, Audio, Card, List, Spacer, External Link

Phone, Email, GenAI Conversation, News Headlines

Graded Quiz, Knowledge Check-in, Card Quizlet, Modal

Preview the module to see it the way learners will experience it, including motion and interactive behavior.

If your learners may take training on mobile devices, always test both desktop and mobile views. Some text sizes and layouts that look fine on desktop can get cut off on mobile.