Build once. Publish where you already publish.

A tool for building guides that lead a visitor to an answer.

You build a decision tree — question, answers, rule, result — by dragging nodes onto a canvas. A visitor gets one question at a time and an answer at the end. The guide is published on your own site.

Built for government agencies, municipalities, housing companies and businesses: self-service, support guides, onboarding and decision support.

No code, and the person who knows the rules is the one who publishes them. If something goes wrong you open last week's version and publish that. Why Flowweaver exists

How it works

How it fits togetherThe editor draws the guide. The guide is stored in any data source. The viewer shows it on your website. The answers go where you want them: your email or your system. 1. The editor draws the guide save 2. The guide is stored in any data source one script tag 3. The viewer shows it on your website submission 4. Answers go where you want: email or your system
How it fits togetherThe editor draws the guide. The guide is stored in any data source. The viewer shows it on your website. The answers go where you want them: your email or your system. 1. The editor draws the guide save 2. The guide is stored in any data source one script tag 3. The viewer shows it on your website submission 4. Answers go where you want: email or your system

The buttons at the top are the steps: try the guide as a visitor, then open the same guide in the editor. Want the editor explained first? Read Getting started with the editor.

What a result becomes

A guide ends in a result. It is rarely just a piece of text — usually it is the start of something.

Why Flowweaver

Most tools for this are built by developers, for developers. The editor learns their words and fills in fields shaped after the database rather than after the work.

What follows is caution. You do not touch what you do not understand, and the day a rule changes there is no time left to become brave in.

Flowweaver is built the other way round, and nearly all of it comes down to one thing: it should be easy to change your mind.

A guide nobody dares to edit is a guide that goes out of date.

What that means in practice, for you as an editor:

A guide is content, not a system

Other tools put your guide somewhere else: behind their login, in their database, exported if you ask nicely. Flowweaver makes it a piece of content in the site you already publish in — versioned like content, translated like content, owned like content.

  • Every guide is a JSON file Yours to read, keep, hand to a colleague, or take somewhere else. Nothing is stored by us, because there is no us to store it.
  • It lives where your pages live A file in the archive, a row in your database, a document in your CMS. You choose, and the same guide runs either way.
  • No new platform to move to No account, no migration, no second place for editors to learn. The guide sits inside the site they already work in.
  • Leaving costs nothing Stop using it and the guides are still yours, still readable, still JSON. A promise worth making only if the product is good.
  • Versioned like content Every save is a version you can go back to, with a note on why you kept it. Publishing moves the green mark to another version, and anything you write in an unmarked row never reaches a visitor. See what working in it is like.

Two ordinary custom elements, standard in every browser — so a guide runs in an ordinary page, whatever framework it is built with. We have run it in SiteVision and standalone; the rest is the browser's job rather than ours.

Five reasons, five proofs

Five of the reasons above, and the proof for each one — in the tool, in a minute and a half.

The film in text
  1. Content, not development: the question in a finished guide is rewritten right in the editor — no ticket, no code.
  2. The preview does not lie: the guide is run at once, and the rewritten question is there word for word.
  3. You can change your mind: on the versions page an earlier version is published again — the visitor's pane switches the same moment.
  4. Accessibility is built in: a guide is answered with the keyboard alone — focus visible, one question at a time.
  5. The data is not stuck: File → Export guide, and the whole guide leaves the tool as a file in a standard format — a safe copy, or something to read into another guide.

Thirteen more films: how it works in four steps, a guide built from an empty canvas, the routes through a finished guide, versions that make changing safe, one more language, a guide that counts while you answer, the editor without a mouse, twenty-four nodes — and the viewer running on your page from a single tag. Watch the films.

More examples and features

Five organisations, five guides — find your everyday among the use cases. Below: every editor variant, viewer and module.

Embed Flowweaver on your own page

Two ordinary custom elements — the viewer that runs a finished guide, and the editor an author builds it in. No framework required.

Read the installation guide

The quickest possible start

<script src="https://flowweaver.se/lib/flowweaver-viewer.global.js"></script>

<guide-preview></guide-preview>
  • An ordinary script tag — no build step
  • Rolling latest; point at a version in production
  • The viewer weighs 53 kB gzipped
  • Also available as an npm package with TypeScript types

Why Flowweaver exists