Powerful feature set

Simple to follow. Serious underneath.

Everything it takes to turn a set of instructions into something polished and durable — without turning building one into a project.

Build & refine

Two layouts, flexible card styles, Learn more popups, drag-to-reorder, and live preview.

Brand & share

Custom logo, accent color, cover images, clean URLs, and printable QR codes.

Protect & manage

PIN protection, roles and permissions, team workspaces, and invite-based access.

Measure & scale

Analytics, incident reporting, reusable templates, and tutorial duplication for faster rollout.

Tutorial Builder

Turn the process into a tutorial.

Draft the steps, move them around, and mix text, images and icons until it reads the way you'd explain it out loud.

  • Choose the format that fits each step.
  • Change the flow as the tutorial takes shape.
  • See exactly what people will see on their phone.
Apartment Essentials
Content Editor Settings
Publish

Navigation Mode

Choose user experience flow

Stacked ListSequential
Tutorial Content5 cards
1Getting in & parkingKeypad code, garage door and where to leave the car.
2Wi-Fi & house rulesNetwork North-Lofts-2F, quiet hours after 10pm.
3Start the espresso machineFill the tank, press power, wait for both lights.Live
4Set the thermostatHallway dial, 70° heat and 74° cool overnight.
5Trash, laundry & checkoutBins in the garage, washer in the hall closet.
Add Card
Edit CardCard 3 of 5DiscardSave changes

Card Style

Image + Text
Icon + Text
Text Only

Headline

Start the espresso machine

Keep it under 50 characters for best mobile readability.

Description

Fill the tank to the line, press the power button and wait for both lights to hold steady.

Media

Card media inside the tutorial editor
Replace image
Call to Action (CTA) PopupEnable a popup with detailed informationEnable CTA
Live StatusCurrently visible to users
Live PreviewReal-time mobile visualization
North Lofts
Step 3 of 5

Start the espresso machine

Fill the tank to the line, press the power button and wait for both lights to hold steady.

Which beans do we stock?
Next Step

Asset Distribution

Optimized for physical placement.

Scan to PreviewChanges saved in the editor update live on the web.
www.tutorials.app/north-lofts/self-check-in
Download Assets
Sequential layout

One screen, one instruction, no scrolling ahead.

Sequential tutorials give one instruction per screen, a segmented progress bar, a sticky header and a fixed next-step button, finishing on a completion screen you can point somewhere useful.

  • Progress and step counter always visible
  • Optional call-to-action popup with rich content on any step
  • Completion screen in your accent colour
9:41
North Lofts
Step 3 of 5

Start the espresso machine

Espresso machine on a rental kitchen counter

Fill the tank to the line, press the power button and wait for both lights to hold steady.

Which beans do we stock?
Next Step
Stacked layout

A stacked list when people pick their own path.

One scrollable page of icon tiles or featured images — for people who already know what they came for.

  • See every option at once and jump to what matters.
  • Come back anytime and find a different answer quickly.
  • Browse freely when there's no single order to follow.
9:41
North Lofts

Apartment Essentials

Everything you need during your stay.

Getting in & parking

Keypad code, garage door and where to leave the car.

See the codes
Wi-Fi & house rules

Network North-Lofts-2F, quiet hours after 10pm.

Get the password
Espresso machine

Beans in the top cupboard, filter water by the sink.

How to make a cup
Washer & dryer

Detergent under the sink, 40° cycle takes an hour.

Run a wash
Trash & checkout

Collection is Tuesday, keys back in the lockbox.

Checkout steps

A link that behaves, a code that travels.

Every tutorial lives at tutorials.app/your-account/your-slug. Download the QR code and put it on the machine, the door, the packaging or the counter.

  • Custom slug per tutorial, unique inside your account
  • High-contrast QR code, ready for print
  • Optional four-digit PIN for tutorials you'd rather keep internal
Printed QR code card beside a phone on a counter
The complete toolkit

Everything behind a better tutorial.

Layouts, branding, access, analytics, rollout. The full set, grouped by what you're trying to get done.

More than a tutorial when you need it to be.

Effortless for the person following it. Fully in your hands behind the scenes.