Edit

Chapters

Split a long Step-by-Step Guide into named sections, each with its own cover, so viewers can see its structure.

Chapters
Edit

Make long guides easy to scan

A guide with dozens of steps in one run is hard to scan. Chapters split it into named sections, so viewers find the part they need.

A cover for every section

Each chapter has its own cover with a title, a description and a background image, so every section has a name.

Structure viewers can see

Chapters show viewers how the guide is organized, so they can tell where one section ends and the next begins.

Sections where the process changes

Start a new section at any point in the guide, with each chapter introducing the steps that follow it.

How can you do this in Floik

Quick looks of how to do this in Floik app

<floik-flo 
  id="floik-iframe-container-mw1rsg7u"
  flo-id="6a857f8ff6f5936d0415e52c"
  title="How to add chapters to a step-by-step guide"
  is-embed="true"
  hide-header="true"
  show-author="false"
  swift-play="false"
  auto-play="true"
  show-transcript="true"
  theme="none"
  wrapper="rounded"
  style="overflow: hidden;
		border-radius: 16px;
		position: relative;
		width: 100%;
		max-height: 100%;
		aspect-ratio: 1.952869;
		/* Note: Other height values
       Based on % of actual height of the Flo: 976 (100%),  878 (90%), 781 (80%), 488 (50%), 293 (30%)
       You can use any value for height and the width will automatically adjust to maintain the aspect ratio*/">
</floik-flo>

When teams use this

A few situations where this feature saves the most time.

Operations

An operations team documents a process in stages, such as preparation, execution and review. Each stage gets a chapter, so team members find their stage quickly.

Recording directly from production

A training team splits a long onboarding guide into chapters by topic, so new hires see what it covers and find their section.

FAQ Unpacked

Frequently asked questions

Where do I set an animated background?

Does moving a Flo to another folder change its public link?

What is Custom Domain for Flos?

What are the languages available to add an AI voiceover with Floik?

Do viewers of a private Flo get a code too?

Capture your workflow once.

AI does the heavy lifting. You stay in control.

Capture workflows from your browser or desktop applications with the Floik Chrome extension, or simply upload an MP4. Floik AI does the heavy lifting, taking you all the way to polished interactive guides, SOPs, feature walkthroughs, and professionally narrated videos.

You review. You validate. You refine. You stay in control.

Free plan available · No credit card required