PeutlyDocs

Editor overview

A tour of the demo editor and where everything lives.

After you upload a recording, click Edit to open it in the editor. You can also open any demo from Demos.

The editor needs a desktop browser. On a phone you'll see Desktop required.

Layout

  • Steps panel (left). All steps in order. Drag to reorder, and open a step's menu for more options. See Steps.
  • Canvas (center). The selected step, the way viewers will see it.
  • Toolbar (top). Tools for the selected step:
ToolWhat it does
PointerHow the hotspot looks. The button shows the current type, for example Ripple. See Hotspots and annotations.
AnnotationA tooltip with a title and text next to the hotspot.
NarrationVoiceover, webcam video or an uploaded clip. See Narration.
PlaybackAuto-progress, looping and step animation. See Playback.
ChaptersGroup steps so viewers can jump ahead. See Chapters.
ZoomZoom into part of the step. See Zoom.
Edit UIChange text and images, or blur sensitive content. See Edit UI.
ThemeColors, frame and fonts for this demo. See Theme and branding.

Overlay and CTA steps have fewer tools, because they have no hotspot. On the CTA step, Narration and Chapters are off too.

On the right side of the header you'll find AI assistant, a language switcher, Preview and Share.

Saving

Changes save automatically. The header shows Saving…, then Saved. If you see Save failed, check your connection before you keep editing.

Preview

Click Preview to see the demo as viewers will.

Keyboard shortcuts

ShortcutAction
⌘/Ctrl + JOpen the AI assistant
⌘/Ctrl + KSearch demos (outside the editor)

On this page