---
title: Workflow
slug: user-guides/workflow-block
description: Improve document organization and step-by-step processes with Archbee's Workflow block. Easily insert, edit, and reorder steps within the block while maintaining automatic renumbering. Enhance content with nested Archbee blocks for a comprehensive documen
createdAt: 2023-04-03T10:44:09.000Z
---
We designed the **Workflow** block to help you create and organize step-by-step processes in your documentation.
This powerful block supports seamless integration of other blocks within each item of the workflow, allowing you to further create detailed and visually appealing process documentation.
## Why to use it?
- **Enhanced Clarity**
By breaking down processes into manageable steps, you improve readability and comprehension for your audience.
- **Improved Organization**
The Workflow block provides a structured framework for your content, making it easier to navigate and understand.
- **Visual Appeal**
The block's visually appealing design enhances the overall presentation of your documentation.
- **Flexibility**
The Workflow block supports nested blocks, allowing you to add additional details and context within each step.
## How to use the workflow block?
::::::WorkflowBlock
:::WorkflowBlockItem
### Insert a Workflow block
- Press `/` on an empty paragraph to open Archbee blocks menu, type `workflow` and press enter. You can also scroll to find the block.
- You can type directly `(workflow)` in an empty paragraph to change it to workflow block.
- Click within the step and start typing to create your first step. You can style the content however you like using the [WYSIWYG Menu](#).
:::
:::WorkflowBlockItem
### Add steps
- Use the **+ Add workflow item** button to create additional steps.
- To edit a step, simply click on it and make your changes.
:::
::::WorkflowBlockItem
### Reorder steps
Click on move arrows ( **↕** ) and drag & drop steps to rearrange their order within the workflow.
:::hint{type="info"}
The steps in your Workflow block will **automatically renumber** as you reorder them.
:::
::::
::::WorkflowBlockItem
### Delete steps
1. Click on a step you want to delete.
2. Remove all the content inside of this step.
3. Press **Backspace** delete the step.
:::hint{type="info"}
The steps in your Workflow block will **automatically renumber** as you reorder them.
:::
::::
:::::WorkflowBlockItem
### Add nested blocks
Within a step you can add nested content blocks (e.g., images, code, etc.).
Press `/` on an empty paragraph, inside of a step, to open Archbee blocks menu. Here, you can add:
::::LinkArray
:::LinkArrayItem
Basic Blocks
- [Headings](docId\:xUiGJh2Q3HkbsKXzRBvJu)
- [Expandable Headings](docId\:xQQGjSGddgTgYPjb5cWDP)
- [Lists](docId\:i_4_VF3Wm7o050cfUVqbR)
- [Table](docId\:GR6F45vu9rm6rY6Z1yMqV)
- [Button](docId\:MXshKn_a7BvTEXbETUddZ)
- [Callout](docId\:K0d-UzHHjRJRxrAM-CVCa)
- [Horizontal Divider](docId\:MnV-FXibxU12sRnIZk84h)
- [Vertical Split](docId\:OdAPcURM3SGYd0yE0uTE2)
- [Link Grid](docId\:H9JdLHX7jClZ3yH32JTbU)
- [Tabs](docId\:xyE8TT9TVHdjrp2_9xxYx)
:::
:::LinkArrayItem
Media Blocks
- [File](docId\:Dqfw3xePkLsZv6Tl2X-nb)
- [Image](docId\:yzskDsvg7cLoeVRsiZiCD)
- [Video](docId\:G41aYboj_QqEtzhKuGAiF)
- [Map](docId\:pV4PibouwjSv6_-9nPR6v)
:::
:::LinkArrayItem
Developer Blocks
- [Code editor: multi-language](docId\:fBchJ3YEHmm6m-Sova3aj)
- [Mermaid diagrams](docId\:lFOM_qQUkTCNJj2Tyf-IE)
- [TeX Ecuation](docId:8lDSvPia3LcIdxZAPr_UM)
- [API endpoints](docId\:pU5Rh9QkG_vDafqT4ZDX1)
- [Changelog](docId:7eHUygJZjnx4A8HhhK_4x)
:::
::::
Also, most of our integrations work inside workflow block. You can add embeds from other tools like Loom, Figma, Miro, Lucidcharts, and more.
Check the [Embeded Blocks](docId\:xuz8uceYEP7vM6_XCwadP) page for more info.
:::::
::::::
## Examples
We know you've seen plenty of workflow blocks in our documentation, but this one's a cut above the rest.
:::::WorkflowBlock
:::WorkflowBlockItem
**Choose Your Cut**
- **Quality **— Opt for a prime cut like ribeye, sirloin, or porterhouse.
- **Thickness **— Aim for a steak that's at least 2.5 cm (1 inch) thick for optimal tenderness and juiciness.
:::
:::WorkflowBlockItem
**Preparation**
- **Pat Dry **— Remove excess moisture with paper towels.
- **Season **— Generously sprinkle with salt and freshly ground black pepper.
- **Let It Rest **— Allow the steak to sit at room temperature for about 30 minutes.
:::
:::WorkflowBlockItem
**Cooking**
- **Heat **— Preheat your grill or skillet to a high temperature (around 450°C/840°F).
- **Sear **— Cook for 3-4 minutes per side for medium-rare, or adjust according to your preference.
- **Rest **— Let the steak rest for 5-10 minutes before serving.
:::
::::WorkflowBlockItem
**Enjoy!**
- **Slice **— Cut the steak against the grain for tender slices.
- **Serve **— Pair with your favorite sides like roasted potatoes, grilled asparagus, or a side salad.
:::hint{type="success"}
👨🍳 Enjoy the juicy, flavorful steak 🥩 you've expertly prepared.
:::
::::
:::::
***
::::LinkArray
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} ** Find other blocks**
Discover new ways and blocks to create stunning and functional documentation pages.
[Check out all blocks](docId\:NbK5kODlkfvsW72wzeCQQ)
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}** Need help? ⬇️**
Use the **blue** **chat bubble **from bottom right corner.
Or try **AI Chat** (from search box) for quick answers.
:::
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}** Your opinion matters**
Use the below feedback form, anonymously.
Or ask a question in **Q\&A section** and our team or AI will give you a solution.
:::
::::