Skip to main content
New

Tabs, steps, decision trees and diagrams in the Block editor

Available on: All plans, in the Block editor · Help article →

Some instructions don't fit in a paragraph. Mac and Windows need different steps. A setup has twelve parts and a screenshot for each. A support question only has an answer once you know which plan someone's on.

Four new blocks handle those cases for you. Type / to find them.

The first big step for the Block editor

We rebuilt the editor around blocks so an article could be more than text and images. A block can hold its own layout, remember its own settings, and even respond to the reader. These four are the first to really use that.

They're also a sign of what's coming. With the Block editor in place, we can build new kinds of experiences for your readers, ones that weren't possible in the Classic editor. Expect more.

What's new

  • Tab icon Tabs. Put content side by side and let your reader pick the one that applies to them: one tab per operating system, per plan, or per language. Already written it as sections? Turn an existing block into tabs from its block menu. Using the Tabs block
  • Steps icon Steps. A numbered guide where each step gets a title, a description and its own screenshot. Drag steps to reorder them and the numbers follow. Publish it as a stacked list or as a carousel your reader clicks through. Using the Steps block
  • Decision trees. Ask your reader a question, and their answer takes them to the next one until they land on the fix that fits. It's the troubleshooting conversation your support team has every day, written down once. Using the Decision Tree
  • Mermaid diagrams. Write a flowchart, sequence or timeline as a few lines of text and the editor draws it. Not keen on learning the syntax? Click Generate with AI, describe what you want, and it writes the diagram for you (this uses an AI credit). Using the Mermaid Diagram block

Why we built this

We kept seeing articles that were really three articles stitched together, with "if you're on Windows, skip ahead" scattered through them. Readers had to do the sorting themselves. These blocks let you do it for them, so each person sees the part that's about them and nothing else.

← All updates

Get in touch